Difference between revisions of "Help:Images"

(merge the guide i wrote before)
(Uploading Images)
 
(8 intermediate revisions by 7 users not shown)
Line 1: Line 1:
 
{{shortcut|[[A:IMG]]}}
 
{{shortcut|[[A:IMG]]}}
 +
 +
[[Image:Logo.png|thumb|right|300px|Example image.]]
  
 
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==
+
==WHEN UR 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 [[Special:Upload|this upload page]]. 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 placed 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 ==
+
== Syntaxxxxxxxx ==
 
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}}

Latest revision as of 18:53, 12 February 2024

Shortcut:
Example image.

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

WHEN UR 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 this upload page. 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 placed 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".

Syntaxxxxxxxx

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.