FANDOM


Example

Caption here

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:

[[File:Filename.jpg|thumb|Caption here]]

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.

Code examplesEdit

 [[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

To use an image in an article, you simply surround the full name (including the "Image" part) in double square brackets:

[[File:Example.jpg]] will give you: Example

You can resize by adding the size in pixels between two pipes:

[[File:Example.jpg|50px|]] will give you: Example

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:

[[File:Example.jpg|50px|thumb|]] will give you:
Example

This is automatically formatted to the right of the page. You can change this by adding "left" or "center":

[[File:Example.jpg|50px|thumb|left|]] will give you:
Example

Anything not matching an input ("left", "thumb", etc) becomes a caption:

[[File:Example.jpg|50px|thumb|left|Alt]] will give you:
Example

Alt

To prevent text wrapping around an image, use "none"

[[File:Example.jpg|50px|none]] will give you:
Example
followed by more text

To link to the image page without showing it on the page, use a colon before the word "Image":

[[:File:Example.jpg]] will give you: File:Example.jpg

To link to the file without showing it on the page, you can use "Media" instead of "Image":

[[Media:Example.jpg]] will give you: Media:Example.jpg

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.

Example

with


Example

without

[[File:Example.jpg|thumb|50px|with]]
[[File:Example.jpg|50px|none]]
without

Can I fix the placement of the image if the image has caption?Edit

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 {{clear}} or {{clr}}

Sample codeEdit

This is the text............

[[File:Example.jpg|thumb|left|Caption is here!]] <br style="clear:left;" />

Another text................

ResultEdit

This is the text............

Example

Caption is here!


Another 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!

Can I link images to articles?Edit

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).

Image licensingEdit

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

All images should have a tag added to the Image description page stating which license they are under. For example, typing {{GFDL}} on an image description page should display something like:

Nuvola actions help This file is licensed under the GFDL.
  • Permission is granted to copy, distribute and/or modify this image under the terms of the GNU Free Documentation License, Version 1.2 or any later version published by the Free Software Foundation; with no Invariant Sections, no Front-Cover Texts, and no Back-Cover Texts.

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.

For details on logo images, see Help:Logo and Help:Favicon.

See alsoEdit



de:Hilfe:Bilder es:Ayuda:Mostrando imágenes nl:Help:Afbeeldingen weergeven ru:Справка:Изображения в викитексте

Ad blocker interference detected!


Wikia is a free-to-use site that makes money from advertising. We have a modified experience for viewers using ad blockers

Wikia is not accessible if you’ve made further modifications. Remove the custom ad blocker rule(s) and the page will load as expected.