The Blockheads Wiki:Image guidelines: Difference between revisions

From The Blockheads Wiki
>Abcboy
>Abcboy
mNo edit summary
Line 2: Line 2:


==File formats==
==File formats==
Although The Blockheads Wiki supports png, gif, and jpg, '''PNG''' should be used whenever possible. JPEGs are lossy, and lost image quality that can't be recovered. [http://upload.wikimedia.org/wikipedia/commons/a/a4/Comparison_of_JPEG_and_PNG.png See this image for a comparison.])
Although The Blockheads Wiki supports png, gif, and jpg, '''PNG''' should be used whenever possible. JPEGs are lossy, and lose image quality that can't be recovered. ([http://upload.wikimedia.org/wikipedia/commons/a/a4/Comparison_of_JPEG_and_PNG.png See this image for a comparison.])


As quality has already been lost, '''do not''' just save JPEGs as PNGs.
As quality has already been lost, '''do not''' just save JPEGs as PNGs.


In cases where an animated image might be more appropriate, these may be uploaded in GIF format. These will need to be in GIF format for support in most browsers and must be uploaded at the size of display, as GIFs cannot be downscaled by MediaWiki. Animated images should be checked by wiki administrators before inclusion in articles.
In cases where an animated image might be more appropriate, these may be uploaded in GIF format. These will need to be in GIF format for support in most browsers and must be uploaded at or below the size of display, as GIFs cannot be downscaled by MediaWiki. Animated images should be checked by wiki administrators before inclusion in articles.


Also, please make sure to upload images with lowercase extensions. (File:Image.png, '''not''' File:Image.PNG)
Also, please make sure to upload images with lowercase extensions. (File:Image.png, '''not''' File:Image.PNG)
Line 12: Line 12:
==File names and dimensions==
==File names and dimensions==
In general, use descriptive names for images. '''Do not''' upload images with names like "File:Picture.png" or "FIle:IMG 056.png". Also, remember to [[:Category:Images|categorize]] all uploaded images.
In general, use descriptive names for images. '''Do not''' upload images with names like "File:Picture.png" or "FIle:IMG 056.png". Also, remember to [[:Category:Images|categorize]] all uploaded images.
Main categories:
*[[:Category:Animal images|Animal images]] (all image featuring animals or animal-related items; doesn't have to be subject matter)
*[[:Category:Plant images|Plant images]] (all image featuring plants or trees; doesn't have to be subject matter)
*[[:Category:Other images|Other images]] (all other images)
Possible categories:
*Blockhead images (all images with a blockhead in them)
*Overworld images (all images of the overworld)


===Standardized images===
===Standardized images===
{| class="wikitable"
{| class="wikitable"
! Example
! colspan="2" | Example
! File name
! Dimensions
! Dimensions
! Notes
! Notes
|-
|-
| [[File:Apple Icon.png]]
| [[File:Apple Icon.png]]
| File:(item name) Icon.png
| File:''Apple'' Icon.png
| 40x40 pixels
| 40x40 pixels
| All item icons, not including blocks or HD icons
| All item icons, not including blocks or HD icons<br>Categorize under [[:Category:Item icons]]
|-
|-
| [[File:Dirt Icon.png]]
| [[File:Dirt Icon.png]]
| File:(block name) Icon.png
| File:''Dirt'' Icon.png
| 80x80 pixels
| 80x80 pixels
| All block icons, must be taken on a retina device<br>(iPhone 4, 4S, 5, 5s, 5c, iPod touch (4th and 5th gen), iPad 3, 4)
| All block icons, must be taken on a retina device<br>(iPhone 4, 4S, 5, 5s, 5c, iPod touch (4th, 5th), iPad 3, 4, Air, mini w/ Retina)<br>Categorize under [[:Category:Item icons]]
|-
| [[File:Workbench 1 Icon.png]]
| File:''Workbench 1'' Icon.png
| 80x80 pixels
| All benches that appear as a cube, must be taken on a retina device<br>*Do not include level if bench has no upgrades<br>Categorize under [[:Category:Bench icons]] and [[:Category:Item icons]]
|-
| [[File:Furnace up2 Icon.png]]
| File:''Furnace up2'' Icon.png
| 80x80 pixels
| All cubic bench upgrades, must be taken on a retina device<br>Number should represent the bench shown<br>Categorize under [[:Category:Bench upgrade icons]] and [[:Category:Item icons]]
|-
|-
| [[File:Apple Big.png]]
| [[File:Apple Big.png]]
| File:(item name) Big.png
| File:''Apple'' Big.png
| 160x160 pixels
| 160x160 pixels
| All items with no overworld render, should be identical to inventory icon at 4x<br><br>Background should be [[:File:Gradient.png]]
| All items with no overworld render, should be identical to inventory icon at 4x<br>Background should be [[:File:Gradient.png]]<br>Categorize under [[:Category:Large item icons]]
|-
| [[File:Dodo Stew HD.png|160px]]
| File:''Dodo Stew'' HD.png
| 160x160 pixels or larger
| All items with no overworld render, must be taken on a retina device<br>Categorize under [[:Category:HD images]]
|-
|-
| [[File:Dirt.png]]
| [[File:Dirt.png]]
| File:(block name).png
| File:''Dirt''.png
| 160x160 pixels or larger
| 160x160 pixels or larger
| All block icons, each pixel should be square
| All block icons, each pixel should be square<br>Categorize under [[:Category:Large item icons]]
|-
|-
| [[File:Dirt HD Big.png|160px]]
| [[File:Dirt HD Big.png|160px]]
| File:(block name) HD Big.png
| File:''Dirt'' HD Big.png
| 160x160 pixels or larger
| 160x160 pixels or larger
| All block icons, must be taken on a retina device
| All block icons, must be taken on a retina device<br>Categorize under [[:Category:HD images]]
|-
|-
| [[File:Wooden Door Big.png|160px]]
| [[File:Ice Helmet Big.png|160px]]
| File:(item name} Big.png
| File:''Ice Helmet'' Big.png
| 160x160 pixels or larger
| 160x160 pixels or larger
| All items with overworld render, must be a square image
| All items with overworld render, must be a square image<br>Categorize under [[:Category:Large item icons]]
|-
|-
| [[File:Storyteller Ach.png]]
| [[File:Storyteller Ach.png]]
| File:(achievement name) Ach.png
| File:''Storyteller'' Ach.png
| 120x120 pixels
| 120x120 pixels
| All achievement icons, must be taken on a retina device on iOS 7
| All achievement icons, must be taken on a retina device on iOS 7<br>Categorize under [[:Category:Achievement icons]]
|}
|}
==Taking screenshots==
To take a screenshot on an iOS device, hold the power and home buttons for a second or so until the screen turns white briefly. This image can be uploaded directly to the wiki, but it is preferable to transfer it to your computer for any needed editing. '''Do not''' edit or crop the image on iOS; it degrades the image quality. If needed, edit it on a computer before upload. If wanted, you can compress it using a lossless compression utility such as [http://www.punypng.com PunyPNG].

Revision as of 09:19, 26 December 2013

Proposal for image guidelines:

File formats

Although The Blockheads Wiki supports png, gif, and jpg, PNG should be used whenever possible. JPEGs are lossy, and lose image quality that can't be recovered. (See this image for a comparison.)

As quality has already been lost, do not just save JPEGs as PNGs.

In cases where an animated image might be more appropriate, these may be uploaded in GIF format. These will need to be in GIF format for support in most browsers and must be uploaded at or below the size of display, as GIFs cannot be downscaled by MediaWiki. Animated images should be checked by wiki administrators before inclusion in articles.

Also, please make sure to upload images with lowercase extensions. (File:Image.png, not File:Image.PNG)

File names and dimensions

In general, use descriptive names for images. Do not upload images with names like "File:Picture.png" or "FIle:IMG 056.png". Also, remember to categorize all uploaded images.

Main categories:

  • Animal images (all image featuring animals or animal-related items; doesn't have to be subject matter)
  • Plant images (all image featuring plants or trees; doesn't have to be subject matter)
  • Other images (all other images)

Possible categories:

  • Blockhead images (all images with a blockhead in them)
  • Overworld images (all images of the overworld)

Standardized images

Example Dimensions Notes
File:Apple Icon.png 40x40 pixels All item icons, not including blocks or HD icons
Categorize under Category:Item icons
File:Dirt Icon.png 80x80 pixels All block icons, must be taken on a retina device
(iPhone 4, 4S, 5, 5s, 5c, iPod touch (4th, 5th), iPad 3, 4, Air, mini w/ Retina)
Categorize under Category:Item icons
File:Workbench 1 Icon.png 80x80 pixels All benches that appear as a cube, must be taken on a retina device
*Do not include level if bench has no upgrades
Categorize under Category:Bench icons and Category:Item icons
File:Furnace up2 Icon.png 80x80 pixels All cubic bench upgrades, must be taken on a retina device
Number should represent the bench shown
Categorize under Category:Bench upgrade icons and Category:Item icons
File:Apple Big.png 160x160 pixels All items with no overworld render, should be identical to inventory icon at 4x
Background should be File:Gradient.png
Categorize under Category:Large item icons
File:Dodo Stew HD.png File:Dodo Stew HD.png 160x160 pixels or larger All items with no overworld render, must be taken on a retina device
Categorize under Category:HD images
File:Dirt.png File:Dirt.png 160x160 pixels or larger All block icons, each pixel should be square
Categorize under Category:Large item icons
File:Dirt HD Big.png 160x160 pixels or larger All block icons, must be taken on a retina device
Categorize under Category:HD images
File:Ice Helmet Big.png 160x160 pixels or larger All items with overworld render, must be a square image
Categorize under Category:Large item icons
File:Storyteller Ach.png 120x120 pixels All achievement icons, must be taken on a retina device on iOS 7
Categorize under Category:Achievement icons

Taking screenshots

To take a screenshot on an iOS device, hold the power and home buttons for a second or so until the screen turns white briefly. This image can be uploaded directly to the wiki, but it is preferable to transfer it to your computer for any needed editing. Do not edit or crop the image on iOS; it degrades the image quality. If needed, edit it on a computer before upload. If wanted, you can compress it using a lossless compression utility such as PunyPNG.