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

claireplymouth z6b coastal MAJuly 10, 2011

The last "How to post photos" thread is on page 2, so I'm posting a new one revised to include comments in the last thread. I'm trying to keep it concise so please read the previous thread 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. 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.

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 TinyPic.com which is more of a web photo transfer site,

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 tinypic.com 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 TinyPic.com 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 TinyPic.com 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, so there are two effects related to the size of the photo as posted.

1. Big 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 photos 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 TinyPic.com myself to include an image in the body of the text. I suggest you try TinyPic.com 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 TinyPic.com.

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

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

3. Choose one then select a size ("Resize" button), and then UPLOAD NOW.

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

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

This is the easiest way I know.

Claire

Thank you for reporting this comment. Undo
claireplymouth z6b coastal MA

I think I need to organize this better so there are clear topics with headers, something like

"How do I get the photo file out of the camera to the internet?"

"What size should the photo be?"

"Advantages and disadvantages of web hosting sites"

....

I'll work on this on the next version. Once this is acceptable, I'm thinking of making it an FAQ and just posting a link to the FAQ on the first page.

Claire

    Bookmark   July 10, 2011 at 6:06PM
Thank you for reporting this comment. Undo
mad_gallica(zone 5 - eastern New York)

I didn't mention this on the last thread because I thought it would have been too technical.

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.

So these two photos have the same file size, just the html commands determing photo size are different. The first is 240 px, the second is 1000. You can start to see some fuzziness in the second picture where there really isn't enough information.

    Bookmark   July 11, 2011 at 11:48AM
Thank you for reporting this comment. Undo
claireplymouth z6b coastal MA

Nice examples, mad_gallica! I'll add a bit to the next version.

I like what's happening here - while I'm working on a concise set of directions (not there yet), people are discussing technical issues. This is a multipurpose thread, which gives people an opportunity to talk about details in one place. Hopefully I can develop a simple set of instructions that will satisfy the person who just wants to get photos posted well and couldn't care less how it works, but the follow-ups will satisfy someone who is interested enough to look further.

Claire

    Bookmark   July 11, 2011 at 5:38PM
Sign Up to comment
More Discussions
Bristol County Conservation District 2014 Plant Sale
Now is the time the Massachusetts County Conservation...
edlincoln
2015 Camellia Show at Tower Hill Botanic Garden
http://www.towerhillbg.org/index.php?cID=410 This weekend,...
claireplymouth z6b coastal MA
How to contact the new GardenWeb
On the right side of the main New England Gardening...
claireplymouth z6b coastal MA
Seaweed as mulch
I am thinking of using seaweed as mulch or add to my...
dwyerkg
What Trees in Your Yard Look Prettiest Now?
We tend to fixate on Spring blooms. What trees in your...
edlincoln
People viewed this after searching for:
© 2015 Houzz Inc. Houzz® The new way to design your home™