Template:Image: Difference between revisions

Revision as of 19:43, 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 Beth Brower. \|link=https://www.bethbrower.com }}	Click here for more details on Beth Brower

Articles using Template

@@ Line 29: / Line 29: @@
 | 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="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="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}}
+| 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'''
 |- 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="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}}
+| 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'''
 |- 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="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}}
+| 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'''
 |- 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="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}}
+| 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 Beth Brower.
+|link=https://www.bethbrower.com
+}}</pre> || {{Image|Pen.png|Click here for more details on Beth Brower|link=https://www.bethbrower.com}}
 |}