Our new season is now open: Spring 1677 !
Help:Images
To add an image to a page, that image first has to be uploaded. To access the upload page, go to the menu on the left sidebar and you should see a link in the toolbox labeled Upload file. Note, you must be logged in to upload files.
Contents |
File Name
To replace an existing file, upload the new image under the old one's name. Otherwise, choose a filename that does not currently exist.
When replacing or deleting an image on this wiki, all pages that use that image are affected. Therefore it is imperative that you check the image's page to find out which pages are currently using it before altering it in any way. To get to the image's page, go to the upload page, click on the list of uploaded files link, then scroll down the list until you find the image concerned and click on the desc link in the left column. This will open up that image's page and all linked pages will be listed at the bottom.
Choose a name for an image as carefully as you would choose an article name, and use proper spacing and capitalization: the name may not be visible in a page that embeds the image, but it is, for example, on the page for a category that contains the image.
When choosing a name for an image on this wiki, do not use a name that is already in use on any page on which the image may be used, unless the new image should replace the old ones, and the old ones will therefore be deleted.
When uploading a new image, be sure to type something useful in its description to tell other users what that image is of.
Linking
To link to an uploaded image, (e.g., Wikiseal.png) use [[Media:Wikiseal.png]] as opposed to [[Image:Wikiseal.png]]. The first links to the image directly: Media:Wikiseal.png while the second embeds the image on the page. In order to link to the image's description page, use [[:Image:Wikiseal.png]]. The first colon is not displayed: Image:Wikiseal.png. Piped Links work as usual.
Embedded Images
An embedded image automatically links to the image page, which shows the full image, or, depending on preferences, a reduced version with a link to the full version. The page also provides info about the image.
To add the uploaded image to an article as a thumbnail, one can use [[Image: image name including extension|thumb|caption]] or [[Image: image name including extension|thumb|width in pixels px|caption]]. or [[Image: image name including extension|thumb|maximum width in pixels×maximum height in pixels px|caption]].
In the latter case the image will keep its original aspect ratio: either the width or the height will be equal to the specified maximum, whichever allows the other to be <= the maximum.
The default thumbnail width can be set in the preferences, so typically it is better not to specify "px", in order to respect the users' preferences (unless, for a special reason, a specific size is required regardless of preferences, or a size is specified outside the range of widths 120-300 that can be set in the preferences).
The caption can contain links. Both the image itself and an icon link to the image page. The icon has the link title "Enlarge" in its hoverbox, even in cases where the image on the image page is smaller. Depending on preferences the image on the image page may be smaller than the thumbnail image, so a link may be convenient from the thumbnail straight to the image in actual size. E.g. [[image:Wikiseal.png|thumb|100px|[[Media:Wikiseal.png|actual size]]]] which gives you:
Image at the Left
[[image:Wikiseal.png|left|thumb|100px|[[Help:Page Editing|demo]]]] puts the image at the left and text that follows floats to the right of it.
For instance:
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi.Using [[image:Wikiseal.png|none|thumb|100px|[[Help:Page Editing|demo]]]] the image floats to the left and any text following it starts below it.
Thus:
Image at the Right
[[image:Wikiseal.png|right|thumb|100px|[[Help:Page Editing|demo]]]] puts the image at the right; text that follows floats to the left of it.
For instance:
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.Text overlapping other text or image
When text floats around an image and either text or another image, one line of the floating text may overlap the top of the second item (try multiple character sizes to see the effect):
This effect is not specific for images, but is related to the non-integer height in terms of lines, of the first item:
| 3 |
A remedy if the second item is a text is to prefix <br>, and if it is an image, to apply a top margin of one line height. For example, for an image at the right we can add the CSS "div.tright { margin-top:1em;}".
Gallery Tag
The gallery-tag is a quick way to show thumbnails in a number of columns.
Each entry is of the form "Image:image name or "Image:image name|caption, possibly with links". The gallery-tag also allows text to take the position of an image.
It is possible to give a title to the gallery with the "gallery caption" parameter.
The width of the table is determined by the width per image and the number of images per row ("perrow" parameter), which can both be set.
Also the image height can be set. The height of the caption depends on the image width and varies per image with the length of the caption. The height of each table row is the maximum height needed in that row for an image with a caption.
Example:
<gallery caption="Sample gallery" widths="175px" heights="300px" perrow="6"> Image:Tstgal1.png Image:Tstgal2.png Image:Tstgal3.png Image:Tstgal4.png Image:Tstgal5.png Image:Tstgal6.png </gallery>
gives:
- Sample gallery
Note that, with the gallery tag, the images have a single fixed width.
The resulting HTML is that of a table with class="gallery", with cells with class="gallerybox".
Uploading
Before uploading please ensure that you have rights to upload and redistribute the image(s) in question.
In the menu on the left under "toolbox" you will have a link named Upload file. On the following page on most browsers, you will see a Browse... button, which will bring up your operating system's standard file open dialog. Choosing a file will fill the name of that file into the text field next to the button. Press the "Upload file" button to finish the upload. This may take some time if you have a slow internet connection.
The preferred formats are JPEG for photographic images with millions of colors and shades; PNG for fixed-color pixelated images such as icons; SVG for structured drawings, and logos. Please name your files descriptively to avoid confusion.
Please note that as with wiki pages, others may edit or delete your uploads if they think it serves the project, and you may be blocked from uploading if you abuse the system.
When a file is uploaded with the same name as an existing one, the old one is replaced. If that is not the intention one has to check in advance that the same name does not exist yet, because currently the system does not warn against overwriting.
Special:Imagelist uses the user's local time instead of the default time. In addition it gives the file sizes. Further it allows loading of portions and sorting by size in addition to sorting by date, and it has not only links to the image description pages, but also directly to the images.
Supported file types
Apart from text, MediaWiki supports the following media inline:
- images -- preferred formats: PNG, JPG, GIF.
Currently the following file types can be uploaded:
- 'png', 'gif', 'jpg'/'jpeg'.
There may be a size limit, the largest one on en: is 6.5 megabytes (but please be reasonable).
