Shop Products
Houzz Logo Print
buehl

Posting Pictures

Buehl
13 years ago

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.

Comments (11)

  • Buehl
    Original Author
    13 years ago

    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:
    {{gwi:606033}}

  • Buehl
    Original Author
    13 years ago

    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]

  • Buehl
    Original Author
    13 years ago

    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]

  • Buehl
    Original Author
    13 years ago

    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:
      {{gwi:1467847}}
      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.

  • Buehl
    Original Author
    13 years ago

    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.

  • Buehl
    Original Author
    13 years ago

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

    [Please, do not bump this thread!]

  • jge2010
    12 years ago

    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?

  • Buehl
    Original Author
    12 years ago

    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.

  • Buehl
    Original Author
    12 years ago

    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.

  • jennifer132
    10 years ago

    Never mind

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

  • Jillius
    9 years ago

    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