Embedding images in forums
Ranked #763 in Internet, #38,252 overall | Donates to Big Cat Rescue
Embedding Images in Posts
This is a quick basic guide to embedding images in forum posts, designed for the non-technical reader.
Most forums use BBCode, so the guide will revolve around that but also offer advice on things like Flickr and Photobucket.
Most forums use BBCode, so the guide will revolve around that but also offer advice on things like Flickr and Photobucket.
Contents at a Glance
The BBCode for Images
Write your own code
First, I'm going to show you what the BBCode to embed an image looks like. All code examples will be in Green to make it easier to view.
The basic format is:
[img]image location[/img]
So [img]http://dragcave.net/image/Uotl.gif[/img] will look like this in your post:
To make a linked image you need to use the additional code [url][/url] as show below:
[url=Link Location][img]Image Location[/img][/url]
So this code:
[url=http://dragcave.net/view/Uotl][img]http://dragcave.net/image/Uotl.gif[/img][/url]
Produces this image that you can click on to view the linked page:
Simple enough?
This will work for most boards. However some image hosting sites can be trickier. Here is how to embed images from certain specific sites.
The basic format is:
[img]image location[/img]
So [img]http://dragcave.net/image/Uotl.gif[/img] will look like this in your post:
To make a linked image you need to use the additional code [url][/url] as show below:
[url=Link Location][img]Image Location[/img][/url]
So this code:
[url=http://dragcave.net/view/Uotl][img]http://dragcave.net/image/Uotl.gif[/img][/url]
Produces this image that you can click on to view the linked page:
Simple enough?
This will work for most boards. However some image hosting sites can be trickier. Here is how to embed images from certain specific sites.
Important!
Images must be online!
To embed your image it must be available online. Photobucket or Flickr accounts are easy ways to do this. Other sites where you can place images include Google, Picasa, Facebook and others.
You can also get standard webspace from a free host such as angelfire and upload it there, if you are familiar with web hosts.
You can also get standard webspace from a free host such as angelfire and upload it there, if you are familiar with web hosts.
Photobucket
An inbuilt BBCode option
Photobucket offers the BBCode ready generated.- Look at the "Share My photos" box
- The code is the IMG Code option.
Flickr BBCode
Third party generators.
Flickr does not allow you to embed their images directly and does not generate BBCode for it. usually this would leave you manually creating the BBCode.
However, this third party tool creates BBCode which you can then cut and paste into your message:
However, this third party tool creates BBCode which you can then cut and paste into your message:
- Flickr BBcode Tool
- Flickr BBcode Tool
This tool is designed to let you embed Flickr images into posts on Bulletin Boards that do not support HTML posting,
whilst still complying with Flickr's terms that any posted image should link back to flickr.Please note that this is very much a "work in progress" and has not been
Flickr Examples
Photos from Flickr to check
If you don;t have a flickr account here is a selection of creative commons licenced photos from Flickr that you can use to check how the tool works.
automatically generated by Flickr
Support Big Cat Rescue
This is a charity page supporting Big Cat Rescue.
Devoted to rescuing and housing exotic cats who have been abused, abandoned, bred to be pets, retired from performing acts, or saved from becoming fur coats, and to educating the public about them.
Manually creating BBCode
How to manually embed an Image
If you need to manually create the code, for example to link to a picture on your website, this isn't hard.
First create your post with [img][/img] tags.Then:
In Firefox:
In IE
First create your post with [img][/img] tags.Then:
In Firefox:
- Open a new tab with the page where the image is
- Right click on the image
- Click on Copy Image Location
- Go back to your post
- Paste the image location between [img][/img]
In IE
- Open a new tab with the page where the image is
- Right click on the image
- Click on Properties
- Select the data next to Address(url) and copy
- Go back to your post
- Paste the image location between [img][/img]
Advanced options
Optional BBCodes
These are not supported by all boards, so if you use them, check whether they work by viewing your post in "Preview" before posting.
- 1[img height=XX]IMAGE[/img] The height tag, added like this sets the height of the image displayed in pixels. If you have a large image you can make it smaller by using this tag. To use, replace XX with the height, e.g. height=125.Width can be set the same way.
- 2[img alt="XX"]IMAGE[/img] This adds a line of descriptive text to the image that search engines can find, and that some forums display when the mouse is over the image. e.g. alt="A Grey Dog". Note the quotes - these are important if you use this option.
Important!
Other BB Code tags
If you want to view more BBCode options e.g. Youtube embedding or google, try this guide:
BB Code.Org Reference
BB Code.Org Reference
Like this Lens?
Rate or Digg it here
If you would like to rate this lens then you can do it here (Squidoo members only). If you want to join squidoo to rate lenses, or write some of your own click here.
or
This module only appears with actual data when viewed on a live lens. The favorite and lensroll options will appear on a live lens if the viewer is a member of Squidoo and logged in.
About the lensmaster
by tirial
Aviation, IT, History, Gaming, I'm interested in just about anything! I made the Squidoo Top 100 Club in June 2009. I have three fiction books in print... more »
- 276 featured lenses
- Winner of 12 trophies!
- Top lens » Free Online Hatching Games - Virtual Pet Sims
Feeling creative?
Create a Lens!
Explore related pages
- Fire Season by VH Folland Fire Season by VH Folland
- Dragon Cave - the online hatching game Dragon Cave - the online hatching game
- Free Online Hatching Games - Virtual Pet Sims Free Online Hatching Games - Virtual Pet Sims
- Setting Gems Setting Gems
- Console game reviews Console game reviews
- British Aviation and Aircraft British Aviation and Aircraft
