Posting Pictures

buehlFebruary 11, 2011

This thread will describe how to post pictures from a photohosting site, from a PDF file, or from some other location on the web.

First, though, where are your pictures? If they are on your computer only, you will need to upload them to somewhere on the web for the rest of us to see them. I upload pictures to PhotoBucket, but there are other photo-hosting sites available. For example: Picasa, Filckr, Webshots, Snapfish.

  1. Open an account w/PhotoBucket or other photo hosting site.

  2. Take a picture using a digital camera (or film camera, but get your pictures on a disk when they're developed & download them to your computer)

  3. Resize your pictures so they're not too big, generally no more than 400x300 (or 300x400)

    Resize keeping the same proportions so they don't get distorted...i.e., don't specify a specific size, use %-ages or similar

    [You can also often resize pictures at your photohosting site, but it's faster to do it on your computer]

  1. Upload your pictures to your photo account

  2. Find the label that contains the HTML Code link to the picture and copy it

  3. Paste it into the thread's "Message" box ()

  4. Click the "Preview" button.

  5. You will now see the picture.

Thank you for reporting this comment. Undo
buehl

PhotoBucket:

There are two ways to get the HTML Code: from the album view and from the individual picture view. The former is faster; the latter is easier.

From the album view:

  1. Place your cursor over the picture you wish to post and hover over it until a box with a larger picture and various code options appears.

  2. Now, place your cursor over the "HTML Code" box and click it.

  3. The code should briefly change to "Copied". This means you have copied the code.
    Note: it can sometimes be tricky getting the "copied" to appear. If you're having trouble, get the code from the individual view (see below).

  1. Paste the code you just copied into the "Message" box of the post where you want the picture to appear.

  2. Return to step 7 in the first post (where it says to "preview") (use the keys)

From the individual picture view:

  1. From the album view, place your cursor over the picture you wish to post and click it.

  2. The picure should now appear as an individual picture with the various code options listed on the right side of the page.

  3. Now, place your cursor in the "HTML Code" box and select the code.
    Use the keys to "select all" in the box or drag your cursor to select it all manually.

  4. Copy the code (use the keys)

  5. Paste the code you just copied into the "Message" box of the post where you want the picture to appear (use the keys)

  6. Return to step 7 in the first post (where it says to "preview")

[As of 1/3/2011]

PhotoBucket Link View:

    Bookmark   February 11, 2011 at 2:01PM
Thank you for reporting this comment. Undo
buehl

Picasa:

  1. In your Picasa album, click on the picture you want to post in your message.

  2. This will bring up an individual picture view with things like "Photo information" and "Link to this Photo" on the right side of the page

  3. Expand "Link to this photo" by clicking on the arrow.

  4. You will now see two links: "Link" and "Embed image". (If you already see these links, then do not click on the arrow as it will close the links.)

  5. Below the "Embed image" box, there is another box, "Select size".

  • If you want to post the original (usually larger) size, select "Original size"

  • If you want to post a thumbnail size picture, select "Thumbnail".
    Note: If you're posting a layout and asking for help, do not use this size...use the largest size available that is easy to read!

Now, place your cursor in the "Embed image" box and select the code.
Use the keys to "select all" in the box or drag your cursor to select it all manually.
Copy the code (use the keys)
Paste the code you just copied into the "Message" box of the post where you want the picture to appear (use the keys)
Return to step 7 in the first post (where it says to "preview")

[As of 1/3/2011]

    Bookmark   February 11, 2011 at 2:06PM
Thank you for reporting this comment. Undo
buehl

Flickr:

  1. From the album/photostream page, click the picture you wish to post.

  2. The picture will appear in an individual picture view

  3. Click "Share This" in the menu that appears above the picture.

  4. Click "Grab the HTML/BBCode"

  5. From the size drop down menu, select the size you wish to post.

  • Default is "Medium". [Note: There may be more than one "Medium".]
  • When posting a picture, it's usually best to choose a size that's no more than 400 in either direction, smaller is better...as long as it's easy to see/read in the smaller size!

For legibility, you may have to post bigger pictures, especially for layouts. Click the "HTML" radio button
Now, place your cursor inside the box above the size drop down menu ("Copy and paste the code below:") and select the code.
Use the keys to "select all" in the box or drag your cursor to select it all manually.
Copy the code (use the keys)
Paste the code you just copied into the "Message" box of the post where you want the picture to appear (use the keys)
Return to step 7 in the first post (where it says to "preview")

[As of 1/31/2011]

    Bookmark   February 11, 2011 at 2:11PM
Thank you for reporting this comment. Undo
buehl

Elsewhere:

As with posting pictures from a photohosting site, your pictures must be located somewhere online, not on your local machine.

  1. Find the URL of the location of your picture. It will begin with "http://"; and most likely end with ".jpg" or ".bmp". (There are other extensions, but these are the most common.)

  2. Copy the following into the "Message" box where you want the picture to be:

    Use the keys to copy and the keys to paste.

  3. Next, replace the http://www.XXX/image.jpg with the address of the image.

  4. When you "preview" the message, you should see the picture

Note: If using "image code" from somewhere else, you may sometimes see the code with square brackets ([ ]) instead of angle brackets (). You must replace some of the square brackets with angle brackets and delete others for the image code to work. Your goal is to make your "image code" look like the example above.

    Bookmark   February 11, 2011 at 2:13PM
Thank you for reporting this comment. Undo
buehl

PDF File:

While you cannot post a PDF file directly into a message, you can convert it to a JPEG (JPG) file using one of the free "PDF Converters" found online. One such converter is the "Neevia Document Converter" at the link below.

Neevia Document Converter (http://convert.neevia.com/pdfconvert/)

Once your file has been converted to a "JPEG" image, save the image on your local machine, upload the picture/image to your photo hosting account, and post the picture/image here. To convert your PDF file and save it to your local machine:

  1. Go to one of the free PDF converters found online

  2. Follow the directions on the site you are using. This will include specifying the PDF file to convert.

  3. Once the PDF file has been converted to an image/picture, save the picture/image to your local machine. The steps to do this depend on your browser:

  • From Firefox:

    • Right click on the image

    • Select "Save Image As..."

    • Save the image on your local machine

  • From Internet Explorer:

    • Right click on the image

    • Select "Save Picture As..."

    • Save the image on your local machine

Upload the pictures to the web somewhere (photohosting account such as Photobucket or elsewhere)
Now, follow the steps in the first post of this thread for posting pictures.

    Bookmark   February 11, 2011 at 2:16PM
Thank you for reporting this comment. Undo
buehl

Unless you have directions for finding the HTML Code for other photohosting sites...

[Please, do not bump this thread!]

    Bookmark   February 11, 2011 at 2:18PM
Thank you for reporting this comment. Undo
jge2010

I have an album in Photobucket of before and after pictures of my new kitchen that I would love to share. I "copied" the HTML code of the album (on right of page when album is opened) and pasted it in the message box. When I preview it, I just see the string of codes. Do I need to copy each photo individually? In other words, is there a quick way to post the entire album?

    Bookmark   August 7, 2011 at 11:28PM
Thank you for reporting this comment. Undo
buehl

The link I think you're talking about is the link to the album. It will take people to the album to view all the pictures in that album. If you want to post the actual pictures in your message, you will need to copy the "HTML Code" for each picture and paste it into the "Message" box. When you preview, you'll see the pictures.

If this is for a "finished kitchen" post, then I suggest you post only one or two "before" pictures and then 2 to 4 "after" pictures and then post a link to the entire album so if others want to see more, they can go to the album.

    Bookmark   August 7, 2011 at 11:56PM
Thank you for reporting this comment. Undo
buehl

Please do NOT post to this thread. If you have a layout you want people to look at, please start your own thread.

This thread has long since dropped off the list and will not show up in the list despite a recent post. This means no one will be looking at it to comment on your pictures.

In addition, this is not the Testing Forum nor is it a "test" thread.

    Bookmark   February 23, 2012 at 11:51PM
Thank you for reporting this comment. Undo
jennifer132

Never mind

This post was edited by jennifer132 on Thu, Aug 1, 13 at 23:14

    Bookmark   August 1, 2013 at 10:48PM
Thank you for reporting this comment. Undo
Jillius

Directions for Using Imgur to Post Pictures

You do NOT need to create an account, pay anything, create albums, or resize photos.

1. Go to imgur.com.
2. Click "upload" (the blue button at the top).
3. Click on whichever of the options (upload from computer, upload from URL, etc.) works with your picture.
4. Click on "Start upload" or just hit "Enter."
5. Copy the code listed under "HTML Images (websites & blogs"

6. Paste the code into your post.
7. Look at the code in your post. There are two URLs contained in it, and the second one ends in ".jpg". Copy this second URL and paste it over the first URL in the code. (So now both URLs in the code are the .jpg URL.) Like this:
8. Submit your post.
9. After you post, to see the image in your post larger, click on it.

This post was edited by Jillius on Wed, Sep 10, 14 at 3:40

    Bookmark   September 10, 2014 at 3:37AM
Sign Up to comment
More Discussions
CBP fusion pro grout (what is the correct color to use here?)
Hi, I ordered light quartzite tiles in 8'' x 24'' ...
ezpond
Soapstone with runnels: How are they holding up?
If you have runnels in your soapstone, could you tell...
leavemeout
Is glazing stained cabinets going out of style?
It seems like glazing white or cream cabinets is already...
nerdyhousewife
Those tall coil spring type faucets: Hard to clean?
Like this: http://ak1.ostkcdn.com/images/products/6382868/Residential-Coil-Spring-Brushed-Nickel-Faucet-f8de8fec-40cb-4993-a19b-7903391cc178_600.jpg (How...
raenjapan
Conestoga: Madison door with beaded inset?
Has anyone done or seen the Madison door on beaded...
akaypick
People viewed this after searching for:
© 2015 Houzz Inc. Houzz® The new way to design your home™