Help:Images

An image - be it a picture, a diagram, or, where appropriate, a photograph - can help illustrate an article's subject. A picture's worth a thousand words, after all - knowing how to put images on articles is an important part of being an editor.

Contents

If you put the URL of an image in an article, it automatically turns into the picture itself when the article is viewed. This is a very simply way of including articles from external sources. You can align them left or right with a bit of table code. For example:

{|align=right|http://images.neopets.com/images/shields/newbie.gif|}

This would look like the image on the right. Doing this quickly shows the image the editor wants and how it can be presented into the article.

However, images should ideally be uploaded to the Neodex's server space instead of being pulled from a different website. This means we have greater control over the image and what we can do with it. Image can be uploaded with the Upload file tool.

Images uploaded to the Neodex (colloquially wikiimages) should be used in favour of external images. The newbie shield image has been uploaded to the Neodex image database with the name "Newbie Shield.gif". This means we can use the following code to replicate what we've done above:

[[Image:Newbie Shield.gif|right]]

Instead of "right", "left" or "center" can be used to align the image differently.

The result would then be what it looks like to the right. Different file names refer to different files, but the "Image:" prefix must be kept. We can do more things with a wikiimage than we can with an external image. We can add a frame and a caption like this:

This puts a little frame around the image and puts a caption explaining what it is underneath it.

This image is to big to put in a frame.

Sometimes, an image may be too large to include on a page: for example, this image is 1,583 by 1,301 pixels wide. Instead of including it with the frame property, we instead use the thumb property. This makes it a thumbnail (small version) of the image.

[[Image:Neopets 2 layout.png|left|thumb|This image is too big to put in a frame.]]

Readers can click on the thumbnail to bring up the larger image on the file page. Thumbnails can be made to be specific sizes, for example, adding "200px" would make the thumbnail 200 pixels wide.

[[Image:Neopets 2 layout.png|left|thumb|This image is too big to put in a frame.|200px]]

As long as the first thing that's specified is the image name - with the "Image:" prefix, the other properties can be set in any order. Properties must be divided by vertical bars - on most US and UK keyboards, these can be typed by pressing shift and backslash ("\").