Difference between revisions of "WikiRaider:Integrating images"

From WikiRaider
Jump to: navigation, search
m
Line 2: Line 2:
  
  
In general - unless there is an info box for the article at question, in which case the image will be integrated there - the first image of the article should be placed at the start and aligned left, using the following source:
+
==Main Image==
* <nowiki>[[File:imagename|225px|thumb|right|Title]]</nowiki> (if width > height)
+
The first image of an article should be placed at the beginning of an article - before any text, except notes linking to other articles with the same name. If the article uses an [[Help:Infobox|infobox]] (as can be seen in the level article for [[Caves]]), no other main image should be added. The main image should ALWAYS be aligned on the right side.
* <nowiki>[[File:imagename|200px|thumb|right|Title]]</nowiki> (if height > width)
 
depending on the width and height of the image.
 
  
 +
To add such an image to any article, use the following source code:
 +
* '''<tt><nowiki>[[</nowiki>{{ns:file}}<nowiki>:</nowiki>'''$imagename'''<nowiki>|225px|thumb|right|</nowiki>'''$title'''<nowiki>]]</nowiki></tt>'''
 +
: (if width > height)
 +
* '''<tt><nowiki>[[</nowiki>{{ns:file}}<nowiki>:</nowiki>'''$imagename'''<nowiki>|200px|thumb|right|</nowiki>'''$title'''<nowiki>]]</nowiki></tt>'''
 +
: (if width > height)
  
When putting other images in an article use smaller versions and either align all right or alternating right and left.
 
For a left aligned image use:
 
* <nowiki>[[File:imagename|thumb|150px|left|Title]]</nowiki>
 
* <nowiki>[[File:imagename|thumb|113px|left|Title]]</nowiki>
 
* <nowiki>[[File:imagename|thumb|150px|right|Title]]</nowiki>
 
* <nowiki>[[File:imagename|thumb|113px|right|Title]]</nowiki>
 
depending on the format
 
  
 +
==Further Images==
 +
When placing other images in an article, use smaller versions and align them alternating right or left, or test using the [[Help:Show preview|Show Preview]] option and align as fits best.
 +
* '''<tt><nowiki>[[</nowiki>{{ns:file}}<nowiki>:</nowiki>'''$imagename'''<nowiki>|150px|thumb|right|</nowiki>'''$title'''<nowiki>]]</nowiki></tt>'''
 +
: (aligned right; if width > height)
 +
* '''<tt><nowiki>[[</nowiki>{{ns:file}}<nowiki>:</nowiki>'''$imagename'''<nowiki>|113px|thumb|right|</nowiki>'''$title'''<nowiki>]]</nowiki></tt>'''
 +
: (aligned right; if width > height)
 +
* '''<tt><nowiki>[[</nowiki>{{ns:file}}<nowiki>:</nowiki>'''$imagename'''<nowiki>|150px|thumb|left|</nowiki>'''$title'''<nowiki>]]</nowiki></tt>'''
 +
: (aligned left; if width > height)
 +
* '''<tt><nowiki>[[</nowiki>{{ns:file}}<nowiki>:</nowiki>'''$imagename'''<nowiki>|113px|thumb|left|</nowiki>'''$title'''<nowiki>]]</nowiki></tt>'''
 +
: (aligned left; if width > height)
  
  
When creating a gallery, use the following:
+
==Gallery==
 +
When adding a picture gallery to an article, always use the gallery-function, never just place them next to each other.
  
 +
Use the following source code:
 +
 +
<pre><gallery>
 +
Image:$imagename|Description
 +
Image:$imagename|Description
 +
Image:$imagename|Description
 +
</gallery></pre>
 +
 +
Empty source code, easier to fill in:
 
<pre><gallery>
 
<pre><gallery>
Image:imagename|Description
+
Image:|
Image:imagename|Description
+
Image:|
Image:imagename|Description
+
Image:|
Image:imagename|Description
+
Image:|
Image:imagename|Description
+
Image:|
Image:imagename|Description
+
Image:|
Image:imagename|Description
 
Image:imagename|Description
 
Image:imagename|Description
 
Image:imagename|Description
 
 
</gallery></pre>
 
</gallery></pre>
  
  
 +
==Naming an Image==
 +
Before you upload an image, you should carefully think about the file type and name you pick for it, to make it easier for the whole team to organize images.
 +
* Images should be .jpg, .png or .gif.
 +
* Images should be named after the object they show.
  
please note that imagename should look like this:
+
e.g. A nice name for an enemy picture of bats would be bats.jpg. If there already is an image with this name, use something like bat02.jpg or bat_tr2.jpg.
* Legendcover.jpg
 
* Legendcover.gif
 
* Legendcover.png
 

Revision as of 16:43, 4 September 2009

The Integration of Images should be done according to the guidelines.

Main Image

The first image of an article should be placed at the beginning of an article - before any text, except notes linking to other articles with the same name. If the article uses an infobox (as can be seen in the level article for Caves), no other main image should be added. The main image should ALWAYS be aligned on the right side.

To add such an image to any article, use the following source code:

  • [[File:$imagename|225px|thumb|right|$title]]
(if width > height)
  • [[File:$imagename|200px|thumb|right|$title]]
(if width > height)

Further Images

When placing other images in an article, use smaller versions and align them alternating right or left, or test using the Show Preview option and align as fits best.

  • [[File:$imagename|150px|thumb|right|$title]]
(aligned right; if width > height)
  • [[File:$imagename|113px|thumb|right|$title]]
(aligned right; if width > height)
  • [[File:$imagename|150px|thumb|left|$title]]
(aligned left; if width > height)
  • [[File:$imagename|113px|thumb|left|$title]]
(aligned left; if width > height)

Gallery

When adding a picture gallery to an article, always use the gallery-function, never just place them next to each other.

Use the following source code:

<gallery>
Image:$imagename|Description 
Image:$imagename|Description 
Image:$imagename|Description 
</gallery>

Empty source code, easier to fill in:

<gallery>
Image:|
Image:|
Image:|
Image:|
Image:|
Image:|
</gallery>

Naming an Image

Before you upload an image, you should carefully think about the file type and name you pick for it, to make it easier for the whole team to organize images.

  • Images should be .jpg, .png or .gif.
  • Images should be named after the object they show.

e.g. A nice name for an enemy picture of bats would be bats.jpg. If there already is an image with this name, use something like bat02.jpg or bat_tr2.jpg.