Template:Image

Description

This template is used to include a thumbnail image on a page. The preferred method of displaying images is with text wrapped around it. To do this, you must pass an alignment parameter. (See the table below for examples.)

If you desire a different format for displaying images, especially one with more granular control, see Non-Template Image Insertion.

Usage

Note: The code of the examples below are split over multiple lines for the sake of clarity, please keep all parameters on the same line when using this template.

For example: {{image|FILENAME.EXTENSION|caption|artist=ARTISTNAME|align=left/right}}

Tag Only The only required parameter is an unnamed parameter of the filename of the image you want to display. You must pass the filename and the extension. (FILENAME.EXTENSION) It is necessary to match the filename exactly —i.e., match case and spelling—or the image will not appear.
You Type	You Get
{{Image|Pen.png}}
Caption In order to add a caption to the image thumbnail, pass a second unnamed parameter.
You Type	You Get
{{Image |Pen.png |This is a caption. }}	This is a caption.
Artist Attribution If the artist is known, please pass the artist= to add the artist attribution. We strive, wherever possible, to correctly credit artists.
You Type	You Get
{{Image |Pen.png |This is a caption. |artist=Declan Lion }}	by Declan Lion This is a caption.
Alignment In order to have an Image align to either margin, pass align=, with the input of either left or right. The default alignment is center. If you wish to have text wrap around the image thumbnail, you MUST pass align=, otherwise the image will be centered as a block element. (i.e., Text will not wrap around it.)
You Type	You Get
{{Image |Pen.png |This is a caption. |align=left/right }}	Lorem ipsum dolor sit amet consectetur adipiscing elit. Quisque faucibus ex sapien vitae pellentesque sem placerat. In id cursus mi pretium tellus duis convallis. Tempus leo eu aenean sed diam urna tempor. Using align=left. Using align=right. Pulvinar vivamus fringilla lacus nec metus bibendum egestas. Iaculis massa nisl malesuada lacinia integer nunc posuere. Ut hendrerit semper vel class aptent taciti sociosqu. Ad litora torquent per conubia nostra inceptos himenaeos. Lorem ipsum dolor sit amet consectetur adipiscing elit. Quisque faucibus ex sapien vitae pellentesque sem placerat. In id cursus mi pretium tellus duis convallis. Tempus leo eu aenean sed diam urna tempor. Pulvinar vivamus fringilla lacus nec metus bibendum egestas.
Resize Width If you wish to resize the width of the image, pass width= with a pixel value. (e.g., width=300px) If width= is not passed, the default is 100px.
You Type	You Get
{{Image |Pen.png |This image is 200px wide. |width=200px }}	This image is 200px wide.
Resize Height If you wish to resize the height of the image, pass height= with a pixel value. (e.g., height=200px) If height= is not passed, the default is 100px. Note: Passing height= will override width=, if both are passed.
You Type	You Get
{{Image |Pen.png |This image is 150px tall. |height=150px }}	This image is 150px tall.
Internal Link If you wish for the image itself to link to another page on the wiki, pass link= with the name of the page of which you wish to link.
You Type	You Get
{{Image |Pen.png |Click here for more details on Emma M. Lion. |link=Emma M. Lion }}	Click here for more details on Emma M. Lion.
External Link If you wish for the image itself to link to another page outside of the wiki, pass link= with the url of the webpage of which you wish to link.
You Type	You Get
{{Image |Pen.png |Click here for more details on Beth Brower. |link=https://www.bethbrower.com }}	Click here for more details on Beth Brower.

Articles using Template

This list is limited to 100 pages. For a full listing, see here.