Difference between revisions of "Help:Images"

(merge the guide i wrote before)
(cleanup)
Line 1: Line 1:
 
{{shortcut|[[A:IMG]]}}
 
{{shortcut|[[A:IMG]]}}
 +
 +
[[Image:Logo.png|thumb|right|300px]]
  
 
On the AoPSWiki, '''images''' can be posted as a manner of accurately illustrating a problem/solution or for depicting an article.  
 
On the AoPSWiki, '''images''' can be posted as a manner of accurately illustrating a problem/solution or for depicting an article.  
  
 
==Uploading Images==
 
==Uploading Images==
To upload an image, click the "Upload File" link on the toolbar, or just press <tt>alt+shift+u</tt>, both of which lead you to [http://www.artofproblemsolving.com/wiki/index.php?title=Special:Upload]. Once there, click the "Browse" button on the side of the first text box, and locate the image from your computer that you wish to upload. After selecting it, then enter any comments into the large text box. It is perfectly acceptable to refrain from entering comments.
+
To upload an image, click the "Upload File" link on the toolbar, or just press <tt>alt+shift+u</tt>, both of which lead you to [http://www.artofproblemsolving.com/Wiki/index.php/Special:Upload]. Once there, click the "Browse" button on the side of the first text box, and locate the image from your computer that you wish to upload. After selecting it, then enter any comments into the large text box. It is perfectly acceptable to refrain from entering comments.
  
Images must not violate copyright.
+
Images must not violate [[AoPSWiki:Copyright|copyright]].
  
When uploading an image, try to create a descriptive name for the image. If the image is for the illustration of a contest problem, please note that, with a format similar to <tt>YYYY Contest-#</tt> (like [[:Image:2007 USAMO-4.PNG]], [[:Image:2007 USAMO-4b.PNG]]).
+
When uploading an image, try to create a descriptive name for the image. If the image is for the illustration of a contest problem, please note that, with a format similar to <tt>YYYY Contest-#</tt> (like [[:Image:2007 USAMO-4.PNG]], [[:Image:2007 USAMO-4b.PNG]]). Generally, years or other information related to the contest in general should be place first, followed by the number of the question.
  
==Including Images on Pages==
+
Once the image is uploaded, you should be redirected to the image page. The title of the page should be "Image:Your image name here".  
Once the image is uploaded, you should be redirected to the image page. The title of the page should be "Image:Your image name here". Now, navigate to the page that you wish to include the image upon. Insert the following code to include the image:
 
<nowiki>[[Image:image name here]]</nowiki>
 
Note that this syntax makes it look as if you're linking to the image. To link to an image page, insert the following code:
 
<nowiki>[[:Image:image name here]]</nowiki>
 
(Insert a colon before the image page name) <br />
 
There are various formatting tricks that you may perform on images. <br />
 
  
 
== Syntax ==
 
== Syntax ==
 
The general syntax for an image is:
 
The general syntax for an image is:
  
<pre>
+
<pre><nowiki>
 
[[Image:Example.png|thumb|left|###px|Image caption]]
 
[[Image:Example.png|thumb|left|###px|Image caption]]
</pre>
+
</nowiki></pre>
  
 
*The type is either “thumb”, “thumbnail”, or “frame”. If not specified, no caption or border will appear.
 
*The type is either “thumb”, “thumbnail”, or “frame”. If not specified, no caption or border will appear.
Line 30: Line 26:
 
*The caption should be a brief description of the image, if there is one.
 
*The caption should be a brief description of the image, if there is one.
  
To display the image inline, use the same syntax but leave type/alignment blank, and insert the code into the middle of the text you wish to place it at. To display a link to the image, use a colon; for example, <tt><nowiki>[[:Image:Example.png]]</nowiki></tt>.
+
To display the image inline, use the same syntax but leave type/alignment blank, and insert the code into the middle of the text you wish to place it at. To create a link to the image, use a colon; for example, <tt><nowiki>[[:Image:Example.png]]</nowiki></tt>.
  
 
== Gallery ==
 
== Gallery ==
Line 42: Line 38:
 
</gallery>
 
</gallery>
 
</pre>  
 
</pre>  
 +
 +
A gallery will display several images in table format in a nice looking manner. This is useful to present a large number of images.
  
 
{{tutorial}}
 
{{tutorial}}

Revision as of 23:01, 22 September 2007

Shortcut:
Logo.png

On the AoPSWiki, images can be posted as a manner of accurately illustrating a problem/solution or for depicting an article.

Uploading Images

To upload an image, click the "Upload File" link on the toolbar, or just press alt+shift+u, both of which lead you to [1]. Once there, click the "Browse" button on the side of the first text box, and locate the image from your computer that you wish to upload. After selecting it, then enter any comments into the large text box. It is perfectly acceptable to refrain from entering comments.

Images must not violate copyright.

When uploading an image, try to create a descriptive name for the image. If the image is for the illustration of a contest problem, please note that, with a format similar to YYYY Contest-# (like Image:2007 USAMO-4.PNG, Image:2007 USAMO-4b.PNG). Generally, years or other information related to the contest in general should be place first, followed by the number of the question.

Once the image is uploaded, you should be redirected to the image page. The title of the page should be "Image:Your image name here".

Syntax

The general syntax for an image is:

[[Image:Example.png|thumb|left|###px|Image caption]]
  • The type is either “thumb”, “thumbnail”, or “frame”. If not specified, no caption or border will appear.
  • The alignment is either “left”, “right”, “center”, or “none”. Left/center/right are self-explanatory. “None” indicates that the image will be on the left and the following text will go down to the next line (as opposed to “left”, in which the text will flow around the image)
  • The size is in px (pixels).
  • The caption should be a brief description of the image, if there is one.

To display the image inline, use the same syntax but leave type/alignment blank, and insert the code into the middle of the text you wish to place it at. To create a link to the image, use a colon; for example, [[:Image:Example.png]].

Gallery

The syntax for a gallery is:

<gallery>
Image:Example.png
Image:Example.png|Image caption
Image:Example.png
</gallery>

A gallery will display several images in table format in a nice looking manner. This is useful to present a large number of images.

This article is a tutorial about the AoPSWiki or AoPS Forum.