How to Add Images

From ColorWiki

Revision as of 21:19, 10 July 2006 by Patrick (Talk | contribs)
(diff) ←Older revision | view current revision (diff) | Newer revision→ (diff)
Jump to: navigation, search

To add an image, the image file has to be uploaded. Also other files can be uploaded, see below. The system uses the term "image" for any uploaded file. Uploading images on ColorWiki Commons allows embedding them in all ColorWiki Projects, as an exception to the general rule that files can only be embedded in pages of the project in which they are uploaded.

First give the file a suitable name, because renaming during or after uploading is not possible. Make sure that the file name has the proper extension (jpg or png).

On uploading, a destination filename can be specified, so the file name on the project need not be the same as the name under which it is stored locally. With the file an image page' (also called "image description page") will be associated, with a' page name consisting of the file name (including extension), prefixed with "Image:" (or in general the value of variable {{ns:Image}}). Thus the file names are case-sensitive (this applies even for the file name extension) except, in most projects, for the first character.

To upload a file, Click the Upload file link in the toolbox on the left pane.

Contents

File name

If you want to replace an existing file, give it the same name, and otherwise a name that does not exist yet.


When replacing or deleting an image on Commons, all projects that use the image are affected. Therefore it is important that the image page on Commons is linked to the local image pages of that image on all projects that use it. On these, even if they have never been created explicitly and therefore have an empty editable part, the "image links" section shows the local pages that use the image.

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 Commons, do not use a name that is already in use on any project on which the image may be used, unless the new image should replace the local ones, and the local ones will therefore be deleted.


Linking

To link to an uploaded file, e.g. So.gif, use [[ColorWiki:So.gif]] instead of [[Image:So.gif]], giving ColorWiki:So.gif; to link to the image description page, use [[:Image:So.gif]], giving Image:So.gif (the first colon is not displayed).

Piped links work as usual.

Interwiki linking style gives a link to the image description page. For embedding (if possible, see below) and linking to the file itself, use external link style.

External link syntax is as usual. However, if you want a link to an image proper on a page of a project that allows embedded external images, use a bracketed link syntax and not just the URL, to prevent embedding. Link title For using an image as a link to another document, see Help:Navigational image.

For users who allow non-image uploads, e.g. office files, the keyword 'media' is misleading because office documents are not typically classed as media, in the context of audio/video etc. But it is the correct syntax to use when linking to a non-image file.

Embedding internal images

"Internal" refers to both the same project and Commons. An image name is assumed to refer to the one in the same project if it exists there, otherwise to one on Commons.

Only images proper can be automatically presented, sound is not automatically played.

An embedded internal 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.

[[image:tst.png|abc]] gives abc

[[image:tst.png|50px|abc]] gives abc

The form [[image:tst.png|50px|thumb|abc]] does not allow enlargement, it gives (see on the right):

Template:- 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]].

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:tst.png|thumb|50px|[[Media:tst.png|actual size]]]]Template:-

File:Middle east.jpg
Middle East; for more detailed pdf-version see [1]

For more possibilities, see en:Wikipedia:Extended image syntax. Also, the source of existing pages with images are useful as examples. Template:Clr

Image at the left

[[image:tst.png|left|thumb|50px|[[help:contents|demo]]]] puts the image at the left; text that follows floats to the right of it; if a second image immediately comes after the first, the second abuts to the right side of the first; if there is text in between then the second image is at the lower right of the first, under this text:

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. between the 3rd and 4th images. 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. after the 4th image.

Template:Clr With [[image:tst.png|none|thumb|50px|[[help:contents|demo]]]] the image is put at the left, and text that follows starts below it.

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 lupta

Image at the right

[[image:tst.png|right|thumb|50px|[[help:contents|demo]]]] puts the image at the right; text that follows floats to the left of it. The situation is not symmetric with the case above: a second image is put at the extreme right again, under the first.

zzril delenit augue duis dolore te feugait nulla facilisi. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. after the 1st image. after the 2nd image.Template:Clr

Using full width again

Use <br clear="all" />, or on projects that have Template:Clr (Meta and en:): {{clr}}. Text floats around the image until it gets to {{clr}} (in Meta) like this.Template:ClrAfter {{clr}}, however, text can float no longer, and restarts from under the image, using the full width again like this,...... like this, like this, like this, like this, like this, like this, like this.

Inline images

Inline images cannot have a caption, but they can have a "title"-attribute (often misidentified as the "alt" attribute, which has a different purpose), which is shown in the hoverbox (in the cases above, for the image it is the same as the caption, and for the enlarge icon it is "Enlarge"). It is the last item of the image code, hence, if there is only the image name with prefix "image:" it gives that; if there is an empty item by ending with a pipe character ("|") it gives none; otherwise, it gives the image code item that happens to be last, unless a proper text is specified.

Personal tools
Namespaces
Variants
Actions
Navigation
Toolbox