Houzz Logo Print

How to include photos in a post (revised 7/19/11))

The last "How to post photos" thread is on page 2, so I'm posting a new one revised to include comments in this thread. and the 7/10/11 thread. I'm trying to keep it concise so please read the previous threads for more discussion. This post is evolving and I'll keep revising it until it works. Comments are welcome and I'll include them in the next version.

It's frustrating to many newcomers to see all the posts with photos included in the text and have no idea how it's done. With this post I'm attempting to explain the process so posting photos will be not only possible, but easy. We have an FAQ on How do I use HTML Code to change fonts and insert stuff in posts? that gives general information on inserting items in Garden Web forums. FAQ's are good, but new posters need to know they' exist.

There have also been many posts by different people giving their own preferences. Some of the posts have been terrific, and at some point I hope to track some of them down and link to them. What I'm presenting here is my preference mostly to get the information out now to people who need it now.



To post a photo you need a digital camera that you can connect to a computer or a smart phone with internet access. Using a digital camera you transfer the photo to the computer, then you upload that photo to the internet using your browser. You can either upload to a photo hosting website and then post a link to that site on Garden Web, or you can upload directly on some forums. If you have an iPhone you can email a photo directly to the internet, without using a computer.

Once you have the photo somewhere on the internet, you have two choices for Garden Web. You can post a link to the website URL in the Optional Link URL box at the bottom of your message (don't forget to name it in the Name of the Link box), or you can post a link in the text of your message that links directly to your image on that website. The website URL is on the top of the page; the image HTML code is somewhere on that page.



These are the most commonly used methods to get a photo on the internet:

You can use a web hosting site where you can set up your own photo albums (there are many, such as Photobucket, Picasa and Picture Trail) or you can use which is more of a web photo transfer site, Some forums allow direct upload to GW, but the size is limited.

*The advantage of the hosting site is that you can set up a page with many photos on it and organize them by topic. A great example is sedum37's site on Picture Trail (see the Flora in Winter thread).

diggingthedirt (on an earlier thread) adds this reason for using Picasa:

"Here's why I like google's picasa web more than the option:

If I select a small size for my photos when I post them via picasa, you can click on them and be taken directly to the larger size photo in the picasa album. If I click on a small tinypic photo, I end up at a page that offers me an account at tinypic; the original photo is nowhere to be found.

The small size Carol used (320px x 221px) seems really useful for threads where there are a lot of images. I often use an old laptop with limited graphics memory, and loading an image-heavy thread takes a VERY long time, and makes my computer behave badly. So, yes, the photo-hosting site is a personal choice, but there are a lot of details to consider when you choose!"

*The disadvantage of the hosting site is that you have to set up an account, which some people may be reluctant to do.

*The advantage of is that it's very easy to upload one photo and link to it, and you don't have to set up an account.

*The disadvantage of is that you can only upload one photo at a time, which is not useful if you want to show many photos.

Whatever method you use to get your photo on the internet, you still have the options of posting a link to the website (in the Optional Link URL box) or posting a link to the image in the body of your text.



    It's important that the photo be within a certain size range by the time it gets to Garden Web. In a previous thread, DtD mentioned loading time as an issue, and mad_gallica explained it thus: "When talking about 'size' of a digital photo, it can refer to two separate, though often related things. The physical size of the picture on the screen, and the file size of the information necessary to show the photo. Physically large pictures mess up the thread formatting. Large file sizes are the ones that take forever to download." She gives some good examples in the 7/10/11 thread.

Summarizing, there are two effects related to the size of the photo as posted.

1. Physically large photos mess up the readability of the thread - you have to scroll back and forth and back and forth to see both text and image.

2. Big photo files with lots of information load slower - you have to sit around tapping your feet (or go wash the dishes) waiting for the pic to show up.

Somewhere along the way when you're moving that photo from your camera to the internet and then to GW, you will be given a choice of resizing the photo, which is usually huge as it leaves the camera. Way too big for the forum.

Desirable sizes are either "thumbnails" which some hosting sites provide, or something close to 640 X 480 pixels. "Medium" or "Small" varies from program to program, so don't rely on it. (see corunum/Jane's discussion in the previous thread). Thumbnails are small pics which will link to a full-size pic in an online album.



That said, I use myself to include an image in the body of the text. I suggest you try at first so that you can work out the bugs and get confidence that it will actually happen. Once you've mastered this, you can explore hosting sites to find whatever suits you personally.

You don't have to set up an account at a hosting site if you use

1. Transfer the photo from your camera to your computer desktop.

2. The photo files on your computer must be in a format such as jpeg or jpg.

3. Using Tiny Pic, you hit the "Choose File" button and it searches your computer desktop.

4. Choose one then select a size (640 x 480 is good)("Resize" button), and then UPLOAD NOW.

5. When the file is uploaded, copy the HTML tag, not the IMG tag.

6. Paste the HTML tag in the text message of your post, not in the "optional link URL".

This is the easiest way I know.


Comments (13)