Template:Image: Difference between revisions

Revision as of 19:34, 18 April 2025

Description

This template is used to include a thumbnail image on a page.

Usage

The filename parameter is required. The caption is optional, but is strongly encouraged. See the table below for all other optional parameters.

{{image
|FILENAME.EXTENSION
|caption
|artist=Artist Name
}}

Note: The copy-paste example above is split over multiple lines for the sake of clarity.

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 [https://www.bethbrower.com Beth Brower]\|link=https://www.bethbrower.com}}	Click here for more details on Beth Brower

Articles using Template

@@ Line 23: / Line 23: @@
-{| class="mw-collapsible mw-collapsed wikitable"style="width: 100%; text-align: left; margin: auto;"
+{| class="wikitable" style="width: 100%; text-align: left; margin: auto;"
-|+ style="white-space: nowrap; border:1px solid #A2A7AF; padding:3px; font-size: 125%; background-color: #EAEBEF;" | Image Template - Table of Examples
 |- class="title"
 ! style="width: 10%;" | Parameter !! style="width: 15%;" | Description !! style="width: 20%;" | Code !! style="width: 55%;" | Output
 |-
-! colspan="4" style="text-align: center;" |  Common Parameters
+| colspan="4" style="text-align: center;" |  '''Common Parameters'''
-|-
+|- style="background-color: white;"
 | style="text-align: center;" |  '''''None''''' || Only the file name is passed. || <pre>{{Image|Pen.png}}</pre> || {{Image|Pen.png}}
-|-
+|- style="background-color: white;"
 | style="text-align: center;" |  '''''Caption''''' || File name and caption are passed. || <pre>{{Image|Pen.png|This is a caption}}</pre> || {{Image|Pen.png|This is a caption}}
-|-
+|- style="background-color: white;"
 | style="text-align: center;" |  <code>artist=</code> || Specifies the artist's name for the image. || <pre>{{Image|Pen.png|This is a caption|artist=Declan Lion}}</pre> || {{Image|Pen.png|This is a caption|artist=Declan Lion}}
 |-
-! colspan="4" style="text-align: center;" |  Alignment Parameters
+| colspan="4" style="text-align: center;" |  '''Alignment Parameters'''
-|-
+|- style="background-color: white;"
 | style="text-align: center;" |  <code>align=left</code> || Pushes the image over to the left, allowing text to flow around it. || <pre>{{Image|Pen.png|This is a caption|align=left}}</pre> || {{Image|Pen.png|This is a caption|align=left}}
-|-
+|- style="background-color: white;"
 | style="text-align: center;" |  <code>align=right</code> || Pushes the image over to the right, allowing text to flow around it. || <pre>{{Image|Pen.png|This is a caption|align=right}}</pre> || {{Image|Pen.png|This is a caption|align=right}}
 |-
-! colspan="4" style="text-align: center;" |  Resizing Parameters
+| colspan="4" style="text-align: center;" |  '''Resizing Parameters'''
-|-
+|- style="background-color: white;"
 | style="text-align: center;" |  <code>height=</code> || Sets the height of the image. If set, the width will adjust automatically to maintain aspect ratio. || <pre>{{Image|Pen.png|This is a caption|height=150px}}</pre> || {{Image|Pen.png|This is a caption|height=150px}}
-|-
+|- style="background-color: white;"
 | style="text-align: center;" |  <code>width=</code> || Sets the width of the image. If set, the height will adjust automatically to maintain aspect ratio. || <pre>{{Image|Pen.png|This is a caption|width=200px}}</pre> || {{Image|Pen.png|This is a caption|width=200px}}
 |-
-! colspan="4" style="text-align: center;" |  Link Parameters
+| colspan="4" style="text-align: center;" |  '''Link Parameters'''
-|-
+|- style="background-color: white;"
 | style="text-align: center;" |  <code>link=</code> <br>'''(Internal)'''|| Makes the image clickable, linking it to a specific internal URL. || <pre>{{Image|Pen.png|Click here for more details on [[Emma M. Lion]]|link=Emma M. Lion}}</pre> || {{Image|Pen.png|Click here for more details on [[Emma M. Lion]]|link=Emma M. Lion}}
-|-
+|- style="background-color: white;"
 | style="text-align: center;" |  <code>link=</code> <br>'''(External)''' || Makes the image clickable, linking it to a specific external URL. || <pre>{{Image|Pen.png|Click here for more details on [https://www.bethbrower.com Beth Brower]|link=https://www.bethbrower.com}}</pre> || {{Image|Pen.png|Click here for more details on [https://www.bethbrower.com Beth Brower]|link=https://www.bethbrower.com}}
 |}