This article covers how to display images on a wiki using wikitext in source mode.
Displaying images using wikitextEdit
Once a desired image file is uploaded, copy or otherwise make note of the image's name: it will be in the format "File:Filename.jpg". (Note: this name is case-sensitive: using "File:Filename.JPG" will fail to display the image.
Simple image insertionEdit
The normal method of adding images to a page is to use the following code:
This produces an image 'floated' on the right side of the page. On this article, the table of contents pushes it down (by design) - but when there is nothing else next to the text, the image will show immediately next to it.
More advanced image display techniquesEdit
The most basic syntax for displaying an image is [[File:Filename.jpg]]. Additional parameters can be added between pipe ("|") characters, including:
- frame - places a frame around the image without altering its size. The original image size is used. Sizing does not work when |frame| is used.
- thumb - creates a reduced-size thumbnail image, contained in a frame
- ##px - specify the desired width of the image in pixels.
- Note that it is usually best to allow MediaWiki to automatically size images and thumbnails to suit the user's preferences and monitor size and resolution; hard-coding image sizes in this way can cause unwanted behavior at some resolutions.
- caption - the last parameter in the image syntax will be used to provide a caption in a thumbnailed or framed image. Captions can contain links and other wiki syntax.
[[File:Filename.jpg]] [[File:Filename.jpg|Caption here]] [[File:Filename.jpg|frame]] [[File:Filename.jpg|thumb|60px|Caption here]]
See also: Wikipedia:Extended image syntax.
Examples in actionEdit
You can make an image a thumbnail an image by adding "thumb" in the same way. If a pipe is there from a previous variable, you don't need to add another:
This is automatically formatted to the right of the page. You can change this by adding "left" or "center":
Anything not matching an input ("left", "thumb", etc) becomes a caption:
To prevent text wrapping around an image, use "none"
To link to the image page without showing it on the page, use a colon before the word "Image":
To link to the file without showing it on the page, you can use "Media" instead of "Image":
Notes on resizing imagesEdit
When sizing option is used, the MediaWiki software can generate downsized image thumbnails, improving the quality of the thumbnail.
However, MediaWiki does not generate upscaled images, so if you make an image larger than the original size, it will use the client's (browser's) method of upscaling images. The effect can depend on your browser.
Notes thumb command Edit
The thumb command will cause the "added by text" and box around picture. If you need a small picture without the "added by text" use the "xxpx" (xx = size) command to make thumb size picture without all the extra stuff.
Small picture in text without the text eating up text space.
Let's say you want something like this:
This is the text............ [[Image here with caption!]] Another text................
The image syntax "none" is useless in this case because you want to use caption too.
Currently there is no image-related syntax that could help with this, but you can use the following code or template to achieve it: put
<br style="clear:left;" /> just below the image (this is sometimes replaced on wikis with the template
This is the text............ [[File:Example.jpg|thumb|left|Caption is here!]] <br style="clear:left;" /> Another text................
This is the text............
Can I display many images together?Edit
An easy way to display lots of images is to use a gallery or a slideshow. Find out more about these at Help:Galleries and slideshows!
Yes, using the new link= syntax introduced in MediaWiki 1.14. The following are all valid usages of the link ability:
[[File:Image.png|link=Article]] [[File:Image.png|link=w:c:diablo]] [[File:Image.png|link=http://www.xyz.com]] [[File:Image.png|link=Category:Name]]
This is best used for navigational images, such as shown by on the circular images on here. Note, this technique only works with unframed/unthumbnailed images. Another method is to have the image's page redirect to the desired article, in this case the image will always link to that page unless a different link is specified using the method described above (for a period of time saving a redirect on an image's page didn't work, but it now works again).
What image licenses are acceptable on Wikia?Edit
Freely licensed images (such as cc-by or cc-by-sa) or public domain images are strongly preferred on Wikia. Use the Help:Import free images tool to search for and import such images from Flickr for use on your wiki.
Copyright-violating images are subject to deletion. Copyright information must be added to the image description page of every uploaded image.
How do I specify the license?Edit
| This file is licensed under the GFDL.
See Help:Image copyright tags for details.
Can I upload video and other files?Edit
If they are not in violation of any copyright, you may store video and sound files on your wiki, but there is a size-per-file limit of 5MB, so large files might be an issue.
Alternatively, you can also display videos stored on YouTube (and certain other sites) directly on your wiki pages.
It is recommended that you upload files which are too large for local upload to another site and link to them there instead. For example, you can use the Wikimedia commons if the file would also be useful to a Wikimedia project (such as Wikipedia), or to sites like Ourmedia.
How do I add a logo to my wiki?Edit
Administrators can change the logo of a wiki by uploading a new image over File:Wiki-wordmark.png. Similarly, the favicon (the icon next to the URL in the browser's address bar, and used in many toolbars and bookmark/favorite lists) can be changed by uploading a new image to File:Favicon.ico. It is recommended that administrators protect these files from unauthorized changes.