YOU CAN EDIT THIS PAGE! Just click any blue "Edit" link and start writing!

Difference between revisions of "Wikitravel:How to add an image"

From Wikitravel
Jump to: navigation, search
Line 69: Line 69:

Revision as of 22:35, 9 August 2010

Articles in Wikitravel can be greatly enhanced with the strategic addition of illustrative images. This article describes how to add images to a page. It assumes that you know:

Shared vs local

Images should only be uploaded to Wikitravel Shared. The software will automatically check both the Shared and the local image repositories. If the same filename exists on both the local site and the Shared site, the local image has precedence.


Sample thumbnail

Please use thumbnails unless you have a good reason not to. The standard recipe for a thumbnail is as follows:

[[Image:filename of image|thumb|description of image]]

This will produce a right-aligned thumbnail with a description below; the image will expand to full size if clicked on. For example, the thumbnail on the right uses Image:Saddleback Pier.JPG from Shared, and it's created like this:

[[Image:Saddleback Pier.JPG|thumb|Sample thumbnail]]


Some other formatting possibilities are:

Simple interpolation of images into text 
[[Image:filename of image|description of image]]
Centered image 
[[Image:filename of image|center|description of image]]
Left-aligned image 
[[Image:filename of image|left|description of image]]
Right-aligned image 
[[Image:filename of image|right|description of image]]

Providing a description of the image is useful for low-resolution computers, where the image may not be rendered, and for accessibility for disabled Wikitravel users.

Frame and Caption

You can also give a frame and a caption text to an image by

Simple frame and caption text 
[[Image:filename of image|frame|description of image]]
Left-aligned frame 
[[Image:filename of image|frame|left|description of image]]
Image without a frame 
[[Image:filename of image|noframe]]

Framing a picture in this manner will default the picture to its original size.


Exact image width in pixels 
[[Image:filename of image|sizepx|description of image]]
Exact thumbnail width in pixels 
[[Image:filename of image|thumb|sizepx|description of image]]

You must add the letters "px" after the image size. Recommended maximum sizes are:

  • 250px for normal image thumbnails
  • 400px for the article's lead picture
  • 500px for maps containing small detail

You do not need to specify the height of the image, as the size will automatically scale to match the width you have entered.

If you want to specify an exact image size (width) which is not the same as the original, selecting a factor of the original may result in a clearer scaled image. For example, if the original is 800 pixels wide, 400 (1:2), 267 (1:3) or 200 (1:4) will scale nicely; for 640, try 320 (1:2) or 160 (1:4). This is particularly important for images containing small text, such as maps.

Finding images

There are a bunch of great sources on the web for images compatible with our CC-by-SA copyleft. Good starting places include Wikimedia Commons and Flickr [1] — just make sure that the images you find are indeed listed under a compatible license.

Other useful sources include geograph [2] (for UK images), ...

Google image search is a useful tool for finding images with a compatible licence. Go to Google advanced image search [3] and in the filter options select labelled for commercial reuse with modification. This should ensure that almost all of the images returned in your search will be compatible with our CC-by-SA copyleft.

Google's Picasa web-service [4] also has a good collection of CC licensed images, which for unknown reasons rarely show up in regular image searches. Do a search, and then select Show options on top of the search results, and click Commercial Use under the licensing header in the sidebar which appears on the left.

See also Wikitravel:Image resources


Printed guidebooks maintained by Wikitravel Press add print attributes like print=float or print=fullpage to images included in the guide. These do not affect the Web display in any way, and should not be added or removed.