Imaging

[img] and [image]

This tag is used to add an image.

Usage

You always put the image's URL in between the tags:

[img]Image URL[/img]
[image]Image URL[/image]

You can adjust the actual size of the image with a starting parameter in the form of widthxheight (if you don't specify, the measurement is in pixels, but you can also size according to percentage of the page):

[img=500x20%]Image URL[/img]
[image=500x20%]Image URL[/image]

Or by the width= and height= parameters (starting parameter takes precedence):

[img width=500 height=20%]Image URL[/img]
[image width=500 height=20%]Image URL[/image]

You can set the alternate text (text that shows up when the picture is unavailable and what's said if someone is using a screen reader) with the alt= parameter. Quotes are necessary:

[img alt="A Picture"]Image URL[/img]
[image alt="A Picture"]Image URL[/image]

You can set the tooltip for the image with the title= parameter. Quotes are necessary:

[img title="This is a picture"]Image URL[/img]
[image title="This is a picture"]Image URL[/image]

You can set whether the image is on the left of right side of the page by simply adding left or right into the initial tag:

[img right]Image URL[/img]
[image right]Image URL[/image]
[img left]Image URL[/img]
[image left]Image URL[/image]

Tips

You can make an image a clickable link by putting it inside a [url] or [link] with a starting parameter:

[url=http://google.com][img]Image URL[/img][/url]
[link=http://google.com][img]Image URL[/img][/link]
[url=http://google.com][image]Image URL[/image][/url]
[link=http://google.com][image]Image URL[/image][/link]

It is recommended that you include either left or right, if you don't then any following text will start at the bottom right of the image. If you include either left or right then text with wrap around the image.