Posting Images

12:28 p.m. on November 10, 2008 (EST)
TRAILSPACE STAFF
234 reviewer rep
938 forum posts

There's been some confusion and frustration about how to include images in forum posts. Here's a quick overview:

The ability to upload photos directly to the site isn't available yet (except for your profile photo/avatar), but it's something we're actively working on. For the time being, you'll need to upload your photos to a photo-sharing site like Flickr or Photobucket before adding them to a post.

Linking to a photo on another site

Say you've uploaded your image to Flickr, Photobucket, or another photo sharing site. In order to include your photo in a post on Trailspace, you need to know the URL (web address) of the photo itself. To get the URL, follow these steps:

1) On the photo-sharing site, navigate to the image you want to use.

2)If you're using Firefox or Safari:

a) Right-click on the photo (control-click if you're on a Mac), and select "Copy Image Location" or "Copy Image Address" from the pop-up menu.
b) Proceed to step 3.

If you're using Internet Explorer:

a) Right-click on the photo, and select "Properties" from the pop-up menu.
b) In the Properties window, find the Address/URL. It should look something like this: http://farm4.static.flickr.com/3272/3019662638_8e9a45ef3f.jpg?v=0
c) Select the text of the Address/URL by clicking and dragging.
d) Copy the selected URL by pressing Control-C.
e) Close the Properties window.
f) Proceed to step 3.

3) Come back to Trailspace. In your post, type "[ img ]" (that's square bracket, "img", closing square bracket), then paste in your image's URL, and then type "[ /img ]" (square bracket, "/img", closing square bracket. It should look like this, but without any spaces inside the brackets:

[ img ]http://farm4.static.flickr.com/3272/3019662638_8e9a45ef3f.jpg?v=0[ /img ]

4) Finish writing your message, and click the "Post" button. Your image *should* appear as part of the posted message.

Sizing your image

If your image is wider than about 500 pixels, it may appear to bleed off the page. If that's the case, you can size it down too 500 pixels in width by adding "w=500" to the img tag, like so:

[ img w=500 ]http://farm4.static.flickr.com/3272/3019662638_8e9a45ef3f.jpg?v=0[ /img ]

 

I hope this helps. Please chime in with any corrections, clarification, or questions and I'll update this post as necessary.

(Thanks to f_klock for inspiring this post with his very helpful messages on this subject in several other threads.)

July 31, 2014
Quick Reply

Please sign in to reply

 
More Topics
This forum: Older: Member picture off to side Newer: suggestion regarding the new "formatting options" link
All forums: Older: Non-technical, hiking winter boots Newer: Free Tunes from REI's GoPlaylist