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. If you wish to have text wrap around the image thumbnail, you MUST pass align=, other wise 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 }}	Using align=left. Using align=right.
Resize Height If you wish to resize the height of the image, pass height= with a pixel value. (e.g., height=200px)
You Type	You Get
{{Image |Pen.png |This image is 150px tall. |height=150px }}	This image is 150px tall.
Resize Width If you wish to resize the width of the image, pass width= with a pixel value. (e.g., width=300px)
You Type	You Get
{{Image |Pen.png |This image is 200px wide. |width=200px }}	This image is 200px wide.
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.

Parameter	Description	Code	Output
Common Parameters
None	Only the file name is passed.	{{Image |Pen.png }}
Caption	File name and caption are passed.	{{Image |Pen.png |This is a caption. }}	This is a caption.
artist=	Specifies the artist's name for the image.	{{Image |Pen.png |This is a caption. |artist=Declan Lion }}	by Declan Lion This is a caption.
Alignment Parameters
align=left	Pushes the image over to the left, allowing text to flow around it.	{{Image |Pen.png |This is a caption. |align=left }}	This is a caption.
align=right	Pushes the image over to the right, allowing text to flow around it.	{{Image |Pen.png |This is a caption. |align=right }}	This is a caption.
Resizing Parameters
height=	Sets the height of the image. If set, the width will adjust automatically to maintain aspect ratio.	{{Image |Pen.png |This is a caption. |height=150px }}	This is a caption.
width=	Sets the width of the image. If set, the height will adjust automatically to maintain aspect ratio.	{{Image |Pen.png |This is a caption. |width=200px }}	This is a caption.
Link Parameters
link= (Internal)	Makes the image clickable, linking it to a specific internal URL.	{{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.
link= (External)	Makes the image clickable, linking it to a specific external URL.	{{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.