How to Add Images

From ColorWiki

(Difference between revisions)
Jump to: navigation, search
m
m
 
(11 intermediate revisions not shown)
Line 1: Line 1:
-
 
-
 
<big>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.</big> 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.
<big>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.</big> 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.
Line 9: Line 7:
===Click on Upload File===
===Click on Upload File===
-
* [[Image:Upload file.jpg|right]] Click on the "Upload file" link in the toolbox area of the left pane.
+
* Click on the "Upload file" link in the toolbox area of the left pane.[[Image:Upload file.jpg]]
-
* Click the Choose File button and browse to & choose your image file.  Write a brief description of the image and its purpose. Click the Upload file button.
+
* Click the Choose File button, browse to and choose your image file.  Write a brief description of the image and its purpose. Click the Upload file button.
* Upon upload, the image description page is displayed.
* Upon upload, the image description page is displayed.
 +
 +
;It is recommended that images not exceed 153600 bytes in size.
===Insert the image into Wikitext===
===Insert the image into Wikitext===
Line 17: Line 17:
* Start and end the image insert with double square brackets.  [[  ]]
* Start and end the image insert with double square brackets.  [[  ]]
-
* Followed by "Image:"
+
* Inside the brackets: "Image:"
* Followed by the image name (including extention)
* Followed by the image name (including extention)
 +
[[Image:Name of picture.jpg]]
 +
<nowiki>[[Image:Name of picture.jpg]]</nowiki>
-
<nowiki>[[Image:Image name.jpg]]</nowiki>
+
===Align the Image Left or Right===
 +
[[Image:Name of picture.jpg|right]]
 +
The image can be place to the left or right of the text that follows by including "left" or "right" after a pipe (<big>'''|'''</big>):
 +
  <nowiki>[[Image:Name of picture.jpg|right]] </nowiki>
 +
===Captions===
 +
[[Image:Name of picture.jpg|left|Here you see a sample picture showing some colors.]]
 +
Captions or hover text can be included by adding it to the image data after a pipe (<big>'''|'''</big>):
 +
 +
  <nowiki>[[Image:Name of picture.jpg|left|Here you see a sample picture showing some colors.]] </nowiki>
==Detailed Instructions for Adding Images==
==Detailed Instructions for Adding Images==
 +
 +
See individual pages in the [http://www.colorwiki.com/wiki/Category:ColorWiki_Help ColorWiki Help] category.
 +
 +
 +
<!--THE FOLLOWING IS COMMENTED OUT
===File name===
===File name===
If you want to replace an existing file, give it the same name, and otherwise a name that does not exist yet.  
If you want to replace an existing file, give it the same name, and otherwise a name that does not exist yet.  
Line 40: Line 55:
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 <nowiki>{{ns:Image}}</nowiki>). Thus the file names are case-sensitive (this applies even for the file name extension) except, in most projects, for the first character.
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 <nowiki>{{ns:Image}}</nowiki>). Thus the file names are case-sensitive (this applies even for the file name extension) except, in most projects, for the first character.
-
 
-
&&&
 
===Linking===
===Linking===
Line 105: Line 118:
Inline images cannot have a caption, but they can have a [[w:Wikipedia:Alternative text for images|"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.
Inline images cannot have a caption, but they can have a [[w:Wikipedia:Alternative text for images|"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.
 +
--->
 +
 +
[[Category:ColorWiki Help|How to Add Images]]

Latest revision as of 16:54, 18 August 2010

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.

Contents

Easy Overview for Adding Images

Start with an image file

Click on Upload File

It is recommended that images not exceed 153600 bytes in size.

Insert the image into Wikitext

Use the following convention for adding an image into your edits:

Name of picture.jpg

[[Image:Name of picture.jpg]]

Align the Image Left or Right

Name of picture.jpg

The image can be place to the left or right of the text that follows by including "left" or "right" after a pipe (|):

 [[Image:Name of picture.jpg|right]] 


Captions

Here you see a sample picture showing some colors.

Captions or hover text can be included by adding it to the image data after a pipe (|):

 [[Image:Name of picture.jpg|left|Here you see a sample picture showing some colors.]] 

Detailed Instructions for Adding Images

See individual pages in the ColorWiki Help category.

Personal tools
Namespaces
Variants
Actions
Navigation
Toolbox