Notice: We are aware that many of the Chewiki’s images are still broken. We promise: we will try our best to fix it, but we don't guarantee that the fix will be trivial.

Difference between revisions of "Help:Images"

From Chewiki Archive - YouChew: 1% Funny, 99% Hot Gas
m (Reverted edits by Conradslater (Talk); changed back to last version by Sanbeg)
(→‎When To Add Images: New rule according to Tabull)
 
(11 intermediate revisions by 4 users not shown)
Line 1: Line 1:
{{PD Help Page}}
 
 
__TOC__
 
__TOC__
 +
==Upload a Image==
 +
# In the [[Help:Navigation#Sidebar|sidebar]], under '''toolbox''', click "Upload file"
 +
# Next to the '''Source filename''', click '''Browse''' to locate the file on your computer.
 +
# Change the '''Destination filename''' to something descriptive, if necessary.
 +
# Fill in the '''Summary''', if necessary.
 +
# Click the '''Upload file''' button.
 +
 +
After you've uploaded some files, use the following image codes to put them in your articles.
 +
==Image codes==
 
{| {{Prettytable}}
 
{| {{Prettytable}}
 
|-
 
|-
|{{Hl3}}|'''Description'''
+
|'''Description'''
|{{Hl3}}|'''You type'''  
+
|'''You type'''  
|{{Hl3}}|'''You get'''
+
|'''You get'''
 
|-
 
|-
 
|Embed image<br /> (with alt text)
 
|Embed image<br /> (with alt text)
 
|
 
|
<code><nowiki>[[Image:Example.jpg|Sunflowers]]</nowiki></code>
+
<code><nowiki>[[Image:Onion.png|Onion]]</nowiki></code>
 
|
 
|
[[Image:Example.jpg|Sunflowers]]
+
[[Image:Onion.png|Onion]]
 
|-
 
|-
 
|Link to description page
 
|Link to description page
 
|
 
|
<code><nowiki>[[:Image:Example.jpg]]</nowiki></code><br />
+
<code><nowiki>[[:Image:Onion.png]]</nowiki></code><br />
<code><nowiki>[[:Image:Example.jpg|Sunflowers]]</nowiki></code>
+
<code><nowiki>[[:Image:Onion.png|Onion]]</nowiki></code>
 
|
 
|
[[:Image:Example.jpg]]<br />
+
[[:Image:Onion.png]]<br />
[[:Image:Example.jpg|Sunflowers]]
+
[[:Image:Onion.png|Onion]]
 
|-
 
|-
 
|Link directly to file
 
|Link directly to file
 
|
 
|
<code><nowiki>[[Media:Example.jpg]]</nowiki></code><br />
+
<code><nowiki>[[Media:Onion.png]]</nowiki></code><br />
<code><nowiki>[[Media:Example.jpg|Sunflowers]]</nowiki></code>
+
<code><nowiki>[[Media:Onion.png|Sunflowers]]</nowiki></code>
 
|
 
|
[[Media:Example.jpg]]<br />
+
[[Media:Onion.png]]<br />
[[Media:Example.jpg|Sunflowers]]
+
[[Media:Onion.png|Onion]]
 
|-
 
|-
 
|Thumbnail<br /> (centered, 100 pixels<br /> wide, with caption)
 
|Thumbnail<br /> (centered, 100 pixels<br /> wide, with caption)
 
|
 
|
<code><nowiki>[[Image:Example.jpg|center|thumb|100px|Sunflowers]]</nowiki></code>
+
<code><nowiki>[[Image:Onion.png|center|thumb|100px|Onion]]</nowiki></code>
 
|
 
|
[[Image:Example.jpg|center|thumb|100px|Sunflowers]]
+
[[Image:Onion.png|center|thumb|100px|Onion]]
 
|-
 
|-
 
|Border<br /> (100 pixels) <br /> Results in a very small gray border
 
|Border<br /> (100 pixels) <br /> Results in a very small gray border
<!-- Note: because the fine gray border can not be seen when used on the "Sunflowers"-image an image is used with a withe background -->
+
<!-- Note: because the fine gray border can not be seen when used on the "Onion"-image an image is used with a withe background -->
 
|
 
|
<code><nowiki>[[Image:Wiki.png|border|100px]]</nowiki></code>
+
<code><nowiki>[[Image:Onion.png|border|100px]]</nowiki></code>
 
|
 
|
[[Image:Wiki.png|border|100px]]
+
[[Image:Onion.png|border|100px]]
 
|-
 
|-
 
|Frameless<br />Like thumbnail, respect user preferences for image width but without border and no right float.
 
|Frameless<br />Like thumbnail, respect user preferences for image width but without border and no right float.
 
|
 
|
<code><nowiki>[[Image:Example.jpg|frameless]]</nowiki></code>
+
<code><nowiki>[[Image:Onion.png|frameless]]</nowiki></code>
 
|
 
|
[[Image:Example.jpg|frameless]]
+
[[Image:Onion.png|frameless]]
 
|}
 
|}
  
 
==Uploaded files==
 
==Uploaded files==
 
To use an image or other file which has been [[Help:Managing files|uploaded to the wiki]], use:
 
To use an image or other file which has been [[Help:Managing files|uploaded to the wiki]], use:
*<code><nowiki>[[Image:Example.jpg]]</nowiki></code>
+
*<code><nowiki>[[Image:Onion.png]]</nowiki></code>
 
If you add a pipe (|) and some text after the filename, the text will be used as alternative text for text-only browsers:
 
If you add a pipe (|) and some text after the filename, the text will be used as alternative text for text-only browsers:
*<code><nowiki>[[Image:Example.jpg|alternative text]]</nowiki></code>
+
*<code><nowiki>[[Image:Onion.png|alternative text]]</nowiki></code>
  
 
If you don't want to display the image, you can link to the file's description page, by adding a colon:
 
If you don't want to display the image, you can link to the file's description page, by adding a colon:
*<code><nowiki>[[:Image:Example.jpg]]</nowiki></code>
+
*<code><nowiki>[[:Image:Onion.png]]</nowiki></code>
 
To bypass the description page and link directly to a file , use the "Media" pseudo-namespace:  
 
To bypass the description page and link directly to a file , use the "Media" pseudo-namespace:  
*<code><nowiki>[[Media:Example.jpg]]</nowiki></code>
+
*<code><nowiki>[[Media:Onion.png]]</nowiki></code>
 
You can also make piped links if you want some other text to be used:
 
You can also make piped links if you want some other text to be used:
*<code><nowiki>[[:Image:Example.jpg|link text]]</nowiki></code>
+
*<code><nowiki>[[:Image:Onion.png|link text]]</nowiki></code>
*<code><nowiki>[[Media:Example.jpg|link text]]</nowiki></code>
+
*<code><nowiki>[[Media:Onion.png|link text]]</nowiki></code>
  
 
===Advanced options===
 
===Advanced options===
Line 87: Line 95:
 
<pre>
 
<pre>
 
<gallery>
 
<gallery>
Image:Example.jpg|Item 1
+
Image:Onion.png|Item 1
Image:Example.jpg|a link to [[Help:Contents]]
+
Image:Onion.png|a link to [[Help:Contents]]
Image:Example.jpg
+
Image:Onion.png
Image:Example.jpg
+
Image:Onion.png
Image:Example.jpg|''italic caption''
+
Image:Onion.png|''italic caption''
 
</gallery>
 
</gallery>
 
</pre>
 
</pre>
 
is formatted as:
 
is formatted as:
 
<gallery>
 
<gallery>
Image:Example.jpg|Item 1
+
Image:Onion.png|Item 1
Image:Example.jpg|a link to [[Help:Contents]]
+
Image:Onion.png|a link to [[Help:Contents]]
Image:Example.jpg
+
Image:Onion.png
Image:Example.jpg
+
Image:Onion.png
Image:Example.jpg|''italic caption''
+
Image:Onion.png|''italic caption''
 
</gallery>
 
</gallery>
  
==Other files==
+
==When To Add Images==
You can link to an external file using the same syntax used for linking to an external web page.  
+
Character articles are the ones that require pictures most, as most readers would like an idea of what the character looks like. For sources, a picture isn't needed as much, since one would really only be needed if the show has a distinctive art style, and a logo is just redundant. And for poopers, it's your own choice to add an image.
*<code><nowiki>[http://url.for/some/image.png]</nowiki></code>
 
Or with different text:
 
*<code><nowiki>[http://url.for/some/image.png link text here]</nowiki></code>
 
 
 
If it is enabled on your wiki (see [[Manual:$wgAllowExternalImages]]), you can also embed external images. To do that, simply insert the image's url:
 
*<code><nowiki>http://url.for/some/image.png</nowiki></code>
 
 
 
== Administration of images/files ==
 
  
See here: [[Manual:Image Administration]]
+
However, there must be good reasoning for it. How well does a picture illustrate the subject of the article? A quick test is to preview what the image looks like without a caption. If it looks relevant/self-explanatory, then it can be used, like so.
  
==External Links==
+
'''Please don't use the chewiki as your own personal image hosting site.''' We really don't have the server space to do something like that. Images should be uploaded to provide content to articles, not to be stored on a user page and/or linked outside the wiki as its only purpose.
{{meta|Help:Images and other uploaded files}}
 
  
{{Languages|Help:Images}}
+
----
 +
[[Image:Optimusg1.jpg|center|120px]]
 +
'''Optimus Prime''' is the leader of the heroic Autobots.
 +
----
 +
Do not try to shoehorn an image in, like this:
 +
----
 +
[[Image:Optimusg1.jpg|center|thumb|Obama's favourite.]]
 +
'''Barack Obama''' is the President of the United States.
 +
----
 +
First, see what it looks like without a caption.
 +
----
 +
[[Image:Optimusg1.jpg|center|120px]]
 +
'''Barack Obama''' is the President of the United States.
 +
----
 +
See? Without a caption, an image like that would have no ties to the article at all. Also, it is not good to completely flood an article with whatever picture you want. A picture may be worth a thousand words, but remember that there's such thing as overkill.
  
[[Category:Help|Images]]
+
If, for whatever reason, you cannot find a picture, add the tag <nowiki>{{wantedimages}}</nowiki> as a placeholder.

Latest revision as of 05:12, 13 February 2013

Upload a Image

  1. In the sidebar, under toolbox, click "Upload file"
  2. Next to the Source filename, click Browse to locate the file on your computer.
  3. Change the Destination filename to something descriptive, if necessary.
  4. Fill in the Summary, if necessary.
  5. Click the Upload file button.

After you've uploaded some files, use the following image codes to put them in your articles.

Image codes

Description You type You get
Embed image
(with alt text)

[[Image:Onion.png|Onion]]

Onion

Link to description page

[[:Image:Onion.png]]
[[:Image:Onion.png|Onion]]

Image:Onion.png
Onion

Link directly to file

[[Media:Onion.png]]
[[Media:Onion.png|Sunflowers]]

Media:Onion.png
Onion

Thumbnail
(centered, 100 pixels
wide, with caption)

[[Image:Onion.png|center|thumb|100px|Onion]]

Error creating thumbnail: File missing
Onion
Border
(100 pixels)
Results in a very small gray border

[[Image:Onion.png|border|100px]]

Error creating thumbnail: File missing
Frameless
Like thumbnail, respect user preferences for image width but without border and no right float.

[[Image:Onion.png|frameless]]

Onion.png

Uploaded files

To use an image or other file which has been uploaded to the wiki, use:

  • [[Image:Onion.png]]

If you add a pipe (|) and some text after the filename, the text will be used as alternative text for text-only browsers:

  • [[Image:Onion.png|alternative text]]

If you don't want to display the image, you can link to the file's description page, by adding a colon:

  • [[:Image:Onion.png]]

To bypass the description page and link directly to a file , use the "Media" pseudo-namespace:

  • [[Media:Onion.png]]

You can also make piped links if you want some other text to be used:

  • [[:Image:Onion.png|link text]]
  • [[Media:Onion.png|link text]]

Advanced options

The full syntax for displaying an image is:

[[Image:{name}|{options}]]

Where options can be zero or more of the following, separated by pipes:

  • thumb, thumbnail, or frame: Controls how the image is formatted
  • left, right, center, none: Controls the alignment of the image on the page
  • {width}px: Resizes the image to the given width in pixels
  • {caption text}

The options can be given in any order. If a given option does not match any of the other possibilities, it is assumed to be the caption text. Caption text can contain wiki links or other formatting.

Gallery of images

It's easy to make a gallery of thumbnails with the <gallery> tag. The syntax is:

<gallery>
Image:{filename}|{caption}
Image:{filename}|{caption}
{...}
</gallery>

Captions are optional, and may contain wiki links or other formatting.

for example:

<gallery>
Image:Onion.png|Item 1
Image:Onion.png|a link to [[Help:Contents]]
Image:Onion.png
Image:Onion.png
Image:Onion.png|''italic caption''
</gallery>

is formatted as:

When To Add Images

Character articles are the ones that require pictures most, as most readers would like an idea of what the character looks like. For sources, a picture isn't needed as much, since one would really only be needed if the show has a distinctive art style, and a logo is just redundant. And for poopers, it's your own choice to add an image.

However, there must be good reasoning for it. How well does a picture illustrate the subject of the article? A quick test is to preview what the image looks like without a caption. If it looks relevant/self-explanatory, then it can be used, like so.

Please don't use the chewiki as your own personal image hosting site. We really don't have the server space to do something like that. Images should be uploaded to provide content to articles, not to be stored on a user page and/or linked outside the wiki as its only purpose.


Error creating thumbnail: File missing

Optimus Prime is the leader of the heroic Autobots.


Do not try to shoehorn an image in, like this:


Error creating thumbnail: File missing
Obama's favourite.

Barack Obama is the President of the United States.


First, see what it looks like without a caption.


Error creating thumbnail: File missing

Barack Obama is the President of the United States.


See? Without a caption, an image like that would have no ties to the article at all. Also, it is not good to completely flood an article with whatever picture you want. A picture may be worth a thousand words, but remember that there's such thing as overkill.

If, for whatever reason, you cannot find a picture, add the tag {{wantedimages}} as a placeholder.