On Wikipedia, images (pictures) can be used on a page by using the Image tag.
This tag uses the name of the image as well as some keywords to know where an image should be shown on a page.
To insert an image, insert the following image tag. Replace "Image.jpg" with the file name. Replace {options} with the keywords which you want to use.
[[File:Image.jpg|{options}]]
There are some words (keywords) that are understood by the image tag. These words tell it what to do with the image. Any words it does not know are used as the caption for the image. These words are case-sensitive. They must be typed in all lower case letters. The words can be in any order, but they must be separated by a pipe: |
left
, center
, right
, none
— Controls the alignment (position) of the image on the page.frame
, frameless
, thumb
— Controls how the image is formatted.200px
) — Resizes the image to the given width in pixels.upright=1.5
would be 1.5 times the normal thumbnail size. Only works with thumb
or frameless
baseline
, sub
, super
, top
, text-top
, middle
, bottom
, text-bottom
— Controls the vertical alignment of the image on the page.link={destination}
— Allows linking to an arbitrary title, URL or just nowhere. (1.14+)alt={alternative text}
— For changing the alternative text (alt=""
) of an image. Alt text can only be seen when the image is not shown. (1.14+)Description | You type | You get |
Embed image (with alt text) |
| |
Link to description page |
| |
Link directly to file |
| |
Thumbnail (centered, 100 pixels wide, with caption) |
| |
Border (100 pixels) Results in a very small gray border |
| |
Frameless Like thumbnail, respect user preferences for image width but without border and no right float. |
|
When using left or right, the words on the page will wrap around the image. If the center tag is used, the words will be under the image. The center alignment should not be used on most articles.
Examples of positioning |
---|
left |
This is an example of putting the image on the left of a page.
|
right |
This is an example of putting the image on the right of a page.
|
center |
This is an example of putting the image in the center of a page.
|
Examples of Frame types |
---|
frame |
This is an example of a framed image.
|
thumb |
This is an example of a Thumbnailed image.
|
The size of an image can be changed in two ways. The first way is by adding a size in pixels to the image tag. The second way is to set the size to a multiple of the normal image size using the upright
keyword.
To set the size in pixels, add a number followed by the letters px. For example, 150px
. 200 pixels (200px
) is the normal size used for most images on Wiki Simple English.
It is recommended to set the size to a multiple of the normal image size, instead of using pixels. This can be done using the upright
keyword. This helps make the page more accessible (easier to read) for some people, who have adjusted the way they see Wikipedia pages.
To make an image times the normal size (where n is some number), write upright=n
. This only works for thumbnails and frameless images.
Anything that is not a keyword is used as the caption of the image. Captions are only shown on images which have a Frame type used. The caption is also shown when the user's mouse is over the image, with or without a frame type being used. Because keywords are case-sensitive, right is not the same as Right. right is a keyword, Right is used as a caption.
It's easy to make a gallery of thumbnails only, not other images, with the
tag. The syntax is:
Image:{filename}|{caption} Image:{filename}|{caption} {...}
Note that the image code is not enclosed in brackets when enclosed in gallery tags.
Captions are optional, and may contain wiki links or other formatting.
For example:
Image:Example.jpg|Item 1 Image:Example.jpg|a link to [[Help:Contents]] Image:Example.jpg Image:Example.jpg Image:Example.jpg|''italic caption'' Image:Example.jpg|on page "{{PAGENAME}}"
is formatted as:
The gallery tag itself takes several additional parameters:
{images}
caption={caption}
: sets a caption on the gallery.widths={width}px
: sets the widths of the images.heights={heights}px
: sets the (max) heights of the images.perrow={integer}
: sets the number of images per row.This article uses material from the Wikipedia Simple English article Help:Images, which is released under the Creative Commons Attribution-ShareAlike 3.0 license ("CC BY-SA 3.0"); additional terms may apply (view authors). Content is available under CC BY-SA 4.0 unless otherwise noted. Images, videos and audio are available under their respective licenses.
®Wikipedia is a registered trademark of the Wiki Foundation, Inc. Wiki Simple English (DUHOCTRUNGQUOC.VN) is an independent company and has no affiliation with Wiki Foundation.