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|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.
}}
|
|
| Artist Attribution Artist Attribution is passed automatically if an artist has been assigned to a specific image. To assign an artist to an image, you must use the
{{Art}} template on an image's File page. If an artist has not been assigned, no artist attribution will be shown. If the artist has been assigned, the artist's name will link to that artist's page. | |
| You Type | You Get |
{{Image
|Beth Brower-2.jpg
|This is a caption.
|width=150px
}}
|
 |
| 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.align=left. align=right. |
| 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
}}
|
|
| 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
}}
|
|
| 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
}}
|
 |
| 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
}}
|
|