*****'s Guide to Posting Photo's

Not open for further replies.


Want to post a photo on the forum? Lets get started....

The question ''how do I post photo's on the forum?'' crops up several times a week, if not per day. One can therefore forgive, or at least understand the brevity and often half-hearted nature of the replies - familiarity, especially in the form of repetition, breeds contempt. Hopefully, by directing new members here, this post will provide all the answers, and also save somewhat jaded members the bother of replying to this frequently asked question.

Okay then.. so how do you make an image appear in your post, or to put it another way, 'post' an image? For any photograph to be displayed on the web, it needs to be 'hosted' somewhere. That is to say, it needs to be uploaded to a web 'server', where it takes up residence, maintains a constant presence and is easily and quickly locatable. By adding a piece of code to our forum post, we tell Fly Fishing Forums where to look for the image. In simple terms, the code will 'call up' the corresponding image from the server where it is 'hosted'.
Hosting and displaying images on the web can be achieved by a variety of methods. For the purposes of displaying images on Fly Fishing Forums though, we can narrow that down to three:

1. 'Hosting' your images with an image hosting website.

Here's three image hosting sites which all work perfectly well with this forum. Read a little about each, then pick whichever one suits:


All three sites offer free hosting, and more than enough free storage and bandwidth usage for even the most prolific forum members. If by any chance you outgrow your free storage and bandwidth quotas (unlikely), then all three sites have a 'Pro' (paid) account option.

2. Uploading your images to this forum, hosting them in a personal 'Album'.

3. Linking to images already hosted on the web.

For when you want to use an image you've seen on the web to illustrate a post you're making on this forum.

Decide whether you want to use option 1 or option 2 for hosting your own images. There's nothing to stop you using both - you may wish to separate your images for some reason - both methods do exactly the same job.

I'll come back to option 3 (for displaying random images from the web) later.

Re-sizing your images

Your straight-from-the-camera image will at some stage need to be re-sized. Image files taken straight out of the camera are excessively large for the purposes of displaying the image on the web. There are three main reasons why your image needs to be re-sized. Firstly, only a very low resolution image is required to adequately display images on the web. Secondly, the smaller your file size, the more images can be stored in your allotted storage space, be that on a host, or in a forum album. Thirdly, the smaller the file, the quicker images will upload to your chosen host, and the quicker they will load on to a page. In fact, everything will be quicker. You'll get to work quicker, and you'll win the lottery quicker.

I can not stress enough the importance of re-sizing to web-friendly sizes. If you do not re-size, you will eat your allotted free storage space in no time, cause delays in the loading of pages, annoy your forum friends, and all your grandchildren will be born with three eyes.

For all of you who have just turned grey with fear at the thought of re-sizing your images, fear not - some image hosting sites will re-size the image automatically for you (Imgur & Imageshack will). I say automatically, but you will have to select the re-size option, and then choose a size before you upload your image. Both Imgur & Imageshack will give you various size options to choose from....


Try the 640 x 480 option in the first instance, then depending on the type of image and how you want it to look, go bigger or smaller to suit. The 640 x 480 should be fine with most images though. In Photobucket, you will have to go into the image editor > adjustments tab to find the re-size options.

If you have image editing software such as 'Adobe Photoshop', or 'Gimp' on your computer, then you will be able to re-size yourself.. but if you use image editing software, then you knew that anyway.

Using an Image Hosting Website to Display Images on the Forum

Now you've decided which hosting website to use, and are happy about re-sizing options, all that remains is for you to do is upload your image and help Fly Fishing Forums communicate with your image host. We do this by placing a link, or short section of 'code' in to the forum post where you intend the image to appear. The code tells Fly Fishing Forums where to look for (on your image hosts server), and where in your post to display your image. The image hosting site automatically assigns a set of codes and links (for various uses) to each image that you upload. The one we are interested in is the 'IMG' (image) code.

For example, I want to post a picture from my fishing trip entitled 'boat & sunset' (Images do not have to have a name, you can give them a number instead if you wish). My image is re-sized and uploaded, I have started a 'new thread' on the forum, and started writing about my trip....

We had a lovely time in Orkney. We ate and drank too much, stayed up past midnight and left the toilet seat down. We also caught a few trout...


So how did I get the image to appear in my post? By linking the forum to my image on my host's server (Imageshack, Photobucket etc).

How did I do that? By 'copying' the IMG code that relates to my image on my hosting site, and 'pasting' the code into my post or new thread on the forum.

Here's how that looks in your text editing window...


So how do I locate the IMG code and get the IMG code into our post?

It varies slightly from host to host, but usually involves clicking on your chosen image to reveal the IMG code which is usually displayed close to the image and on the same page.

Photobucket - click on image - IMG code appears to right of image under heading 'Image Links'

Image Shack
- click small 'i' button which is top-right, down the right side of each image.

Imgur - click on image - several codes appear - select 'BBcode' (is actually IMG)


Once you have located the IMG code, you need to 'copy' and 'paste' it into you post or new thread. Some image hosting sites have automated the 'copy' procedure - left click on the actual text of the IMG code, and it will automatically be 'copied' (held in memory until you need to use it). With some hosts though, you may need to physically 'copy' the code. Photobucket is fully automated. With Imgur and Image shack it just takes one click on the code to highlight it, then right click and select 'copy' . Either way, when your IMG code is selected, or 'copied', it will stay in memory until you need to position it in your post by right clicking your mouse and selecting 'paste'.

You can centre the image in your post if you wish - simply left click and hold, then highlight your IMG ciode, then select the middle of the three text icons (small lines of text) below 'Fonts' in your text editor.

Using the Forum's 'Album' Feature to Host Your Images.

You can use the Fly Fishing Forums to host your images if you so wish...

Storage space isn't huge, and features are minimal. On the plus side, it is clean, simple, and hassle-free (no registration required), perfectly adequate if you don't see yourself being a prolific poster of images, and will automatically re-size your images for you.

1. Go to 'User CP' (control panel)
2. Down the left-hand side > 'Networking' > Click on 'Pictures & Albums'
3. Follow the prompts to create and name your 'Album'
4. When you have created an album, you will see a link inviting you to upload images.... click it.
5. Click 'Browse' to navigate your hard drive and select your image(s) - you can upload several images at once.
6. When your image(s) have uploaded, click 'save changes'
7. Browse your album, and click on the image you wish to post in a thread.
8. You will see the IMG code appear below the image (again called BB code).
9. A single left click will 'copy' the code.
10. 'Paste' code into your post.

Linking to Images Already Hosted on the Web


Perhaps you are passionate about sausage rolls, passionate enough to want to tell the forum members about it, and you want to illustrate a post with an image of your very favourite food. A quick search of Google Images throws up exactly the image you are looking for. But how do we post it in our thread? For you to even see this image means that it must already be hosted somewhere. It could be hosted on the BBC website's server, or more likely on Delia smith's, or maybe on some random individual's image hosting site. The location is largely irrelevant. The fact that it is already hosted somewhere means that we don't have to. If the image fulfills our needs, then all we need to do is find the 'image location' (its 'address' on its hosts server), 'copy' the location, and paste it into our post.

The way to find the 'image location' differs slightly from browser to browser.

For Firefox, simply right click on the image, then left click on 'copy image location'. As the command on the menu says, the image location will now be 'copied', ready for you to add to your post.


The procedure is similar in Internet Explorer, but does differs slightly. We have to physically reveal and copy the image location. To find it, right click on the image, left click on 'properties' at the bottom of the menu. When the 'properties' box opens, select and copy the address (left click, hold and drag) as shown on the right of the illustration below. When the address is highlighted, then right click and 'copy'. The image location/address is now copied and ready for you to add to your post.


Once you have copied the image address/location, proceed to your post editor where you need to locate the little postcard/mountains icon. This is the 'Insert Image' icon. Click this icon and a small box appears, instructing you to: 'Please enter the URL of your image:'. Before you do, you need to remove the 'http://' that appears in the box. This part of the address is already copied in our address, so we don't need it twice. The offending, superfluous text should already be highlighted; if it is, then just click 'delete'. If not, then just put your cursor in the box and remove it by using the 'backspace' or 'delete' keys. Once you have removed it, then right click > 'paste' to add your image address, which will now appear in the editor window, with 'http://www.flyforums.co.uk/photography-forum/photography-forum/photography-forum/' at either end - this tells the forum software to display in your post the image it finds at the given location. Your image from the web has now been successfully added to your post......


I think that little lot should cover everything. I don't think I'll be signing up at teacher training college any time soon, but you should get the gist, and hopefully be a little wiser than when you opened this guide. Once you've done it a few times it'll stick with you.

If all the above made you glaze over and breathe through your mouth, then go back and read it again. If it all made perfect sense to you, but you could do with a memory jog, then use the quick guide below...

To Display Your Own Images on FFF

1. Upload image to host or FFF
2. Locate 'IMG' code
3. Copy 'IMG' code
4. Paste 'IMG' code in to your post.

To Dispaly Random Images from the Web

1. Right click on image
2. Firefox - 'Copy Image Location'/ I.E. - 'Properties' > copy address
3. Paste image location into your post.
Last edited by a moderator:
Not open for further replies.

Latest posts