Help:Images

From Blooncyclopedia, the independent Bloons knowledge base
Jump to navigation Jump to search

Images are an important element of wiki pages. In order to embed an image on Blooncyclopedia, it must be uploaded to the site first, either by you or another user. Uploaded images are listed on Special:ImageList, but it's easier to find images by browsing Category:Images.

Uploading images

Make sure to give the file guidelines a read before uploading files.

Using images

The syntax for embedding images is similar to links, but the link is the name of the file (like BTD6 bloon MoabIcon.png) and the link is prepended with File:. Files can have additional parameters separated by pipe characters (|). The parameters for files can be defined in any order; [[File:BTD6 bloon MoabIcon.png|50px|left]] is the same as [[File:BTD6 bloon MoabIcon.png|left|50px]], for example.

This is a list of the most common uses for images on this wiki. For more options, see the help page on MediaWiki.

Case Input Output Notes
Basic syntax [[File:BTD6 bloon MoabIcon.png]] This renders the image in-line at its native size, which is not recommended for most cases.
Size [[File:BTD6 bloon MoabIcon.png|50px]]
[[File:BTD6 bloon MoabIcon.png|x50px]]
[[File:BTD6 bloon MoabIcon.png|50x50px]]


This controls the size of the image.
  • 50px sets the width of the image (to 50 pixels in this case), but allows any height. This is ideal for cases where having a consistent width is preferable, such as in table columns.
  • x50px sets the height of the image (to 50 pixels in this case), but allows any width. This is ideal for cases where having a consistent height is preferable, such as in-line icons.
  • 50x50px restricts both the width and height of the image. The image will shrink to fit within both boundaries.
Alignment [[File:BTD6 bloon MoabIcon.png|50px|left]]
[[File:BTD6 bloon MoabIcon.png|50px|center]]
[[File:BTD6 bloon MoabIcon.png|50px|right]]


This aligns the image horizontally to the left, center, or right.
Thumbnails [[File:BTD6 bloon MoabIcon.png|50px|thumb]]
[[File:BTD6 bloon MoabIcon.png|50px|thumb|left]]

This renders the image as a thumbnail, displayed in a box. Thumbnails are aligned to the right by default, but they can be aligned to the left or center if an alignment is specified.
Links [[File:BTD6 bloon MoabIcon.png|50px|link=MOAB]]
[[File:BTD6 bloon MoabIcon.png|50px|thumb|link=MOAB]]

Clicking on the image goes to the specified page in the link= field instead of the file's page.
Captions [[File:BTD6 bloon MoabIcon.png|50px|MOAB]]
[[File:BTD6 bloon MoabIcon.png|50px|thumb|MOAB]]
MOAB
MOAB
Any parameter automatically becomes a caption if it is not a specific word or format used for other parameters (like alignment or size). For thumbnails, the caption is displayed below the image. For other images, it becomes alt text that appears when the image is hovered over with the mouse.

In-line icons

Some templates can be used to insert in-line icons like this. This can be done for any image by using {{icon}}, but there are other icon templates for currencies and resources, such as {{BTD6 mm}} for Monkey Money Monkey Money in Bloons TD 6.