how-to Inserting Pictures Into Posts

[bradl]

 Update: New software has made this topic obsolete. See Photos & Attachments for updated tips.

Quote

Is it possible to insert pictures into posts?

The main requirement is that the picture is already on the web somewhere. First you need the web address of the picture. Usually you can just copy it from the address bar of your browser, or right-click on the picture itself and choose Properties to see the picture name and address. An address of this form will work: http://www.example.com/mypicture.jpg Then, just put IMG tags around the address, like so:

 

[img=http://www.example.com/mypicture.jpg]

Some cautions...

• to avoid stretching out the forum, keep picture width around 500 pixels wide or smaller; also note that large files will take a long time to load for every visitor to the page
• the image address must point to a specific image file, and not to a script (like a gallery uses); an image address will end in .jpg or .gif or .png -- if it ends in a number or .php the image will not be displayed for security reasons. For example, an address like the following will not display: http://www.example.c...mage.php?ID=123 because the address points to a script. Because malicious hackers can cause mischief with scripts, we do not allow dynamic (scripted) images to be displayed.

For another example of the IMG tag, and other tags you can use in posts, click the BB Code Help link on the page where you compose posts.

If this is new to you, practice in the Test forum first before posting elswhere. Use the Preview button to see what your post will look like before submitting it. If you are registered on the forum you can edit your post up to two hours later. The Test forum is a great place to try out all the various tags.

Edited November 5, 2016 by bradl
obsolete

[bradl]

I don't have a web site, so the IMG tag doesn't work for me .

Well, at least until this feature gets abused, you can upload a picture from your desktop. When composing your post, use the File Attachments section to upload a small picture (50k max). A clickable thumbnail will open your picture in a new browser window.

Step by step procedure.

Please use this feature conservatively to preserve it for everyone. Uploaded files consume resources. In the event of abuse, or even overuse, or if we just need the space for the rest of our site, the attachment feature may be turned off without notice. Previously uploaded files may be deleted from our server to reclaim disk space.

Notes:

1. The upload feature is only available to registered, logged-in users.

2. Do not use the forum as a scrapbook or archive. In addition to the impermanence of forum posts, thinly disguised attempts to upload a bunch of files or photos will be treated as spamming.

Thank you for respecting this free resource hosted through the generosity of the Cairn Terrier Club of America.

[Rob D.]

Brad, could you take a look at the test picture that I tried and didn't successfully complete of Murphy and check the address and tell me what I did wrong.

Thanks.

Rob D.

[bradl]

Try this: choose 'guided mode' for the code buttons. Click the IMG button. Paste the URL from your image into the popup. Click OK. Click Preview Post to see what your post will look like.

Your code above had a few small errors: an extra ] in the URL. Mixed case image tags ('img' will work, 'IMG' will work, but 'Img' does not.

I normally verify my image will display before even beginning to add it to a post, by pasting the URL I plan to use directly into my address bar first. That doesn't guarantee it will work, but it's a good way to see what you will get if it DOES work.

[Guest mrskti]

Brad, i've been trying to post a pic from Snapfish, and not having any luck since the string doesnt end with .jpg. I'm on a loaner computer and cant' resize anything, and Snapfish has a good size. Any suggestions??

Thanks,

Terry

[bradl]

A brief read on the snapfish site suggests to me that they don't intend or facilitate image hotlinking into forums. Their support section pretty much says no one can see your images except through invitations that you email.

My suggestion for the short term would be to save the image to your desktop, and then attach it to your post (that uploads it to our server). For the longer term, use a site that supports open image hosting. Sorry ... not that much help, I know.

[Guest mrskti]

Well i can link to them, i do it all the time on our disney site when we travel. We have our own server in our house, my laptop was out for service and is back today so I'll just wait to post when that gets home. I didnt want to have to set this laptop up for all the adobe photoshop etc for resizing pictures....was trying to take the easy way out!!!! Thanks for your help.

[Jessica H]

<a href="http://photobucket.com" target="_blank"><img src="http://i224.photobucket.com/albums/dd64/jhempfling/Sadiepup.jpg" border="0" alt="Photo Sharing and Video Hosting at Photobucket"></a>

This is the "tag" I am trying to use. Keeps saying it is a dynamic page. Even if I copy and paste the web address it still does it. I can put the link in but not the picture...

[bradl]

This is what you want:

[img=http://i224.photobucket.com/albums/dd64/jhempfling/Sadiepup.jpg]

Which results in this:

Since you mentioned elsewhere you wanted to use it as a signature, you will need to make a version that is maximum 100 pixels tall (this image is 917px tall).

You would link to the smaller picture in just the same way.

The tag you tried to use is pure HTML. For security reasons, HTML is not allowed in posts; "BBCODE" is used instead. The only part you need is the URL (web address) of the picture. It begins with http:// and ends with .jpg.

[Jessica H]

I think I may have gotten it to work, this is the test...

[bradl]

[bradl]

Here's an example of linking to a hosted image using the forum version 3.2.2 post editor ...

1. Click the image 'helper' icon in the post formatting toolbar

2. Paste the URL to your desired image into the popup; then click OK. Remember that URLs must be direct URLs and may not contain programming code like query strings (questions marks, ampersands, equals signs ?&= are examples of characters that mean your URL is not in the correct format)



3.

[Hillscreek]

Thanks for posting this helper Brad. I guess I should have it poster size and hung in front of my nose!!!!!!!!!!!
You are very kind and patient with us non-technical types.

[Tessie's Mom]

I do not have pictures on the web just on my desk top. How do I get a web address for my photo?

[bradl]

If you want to put them on web-based photo host, many use photobucket - that free hosting site and a couple others are listed here: http://www.cairnterr...izing-services/

If your photos are on your desktop and you don't want to use an online host, you will need to follow the instructions for inserting attachments. Important: if the photos are straight out of your camera, you will need to resize them down from their original raw size. You probably have a program on your computer that can do that, or you use one of the resizing services listed in the link above.