Help:Image guidelines: Difference between revisions

Jump to navigation Jump to search
m
no edit summary
m (I think that's all TF Wiki references killed.)
mNo edit summary
 
(3 intermediate revisions by 2 users not shown)
Line 1: Line 1:
{{NS HELP navbar}}
{{hatnote|For a technical guide on uploading and displaying images, see [[Help:Images]].}}
{{hatnote|For a technical guide on uploading and displaying images, see [[Help:Images]].}}
{{hatnote|For image licensing and copyright, see '''[[Portal Wiki:Licensing images]]'''.}}
{{hatnote|For image licensing and copyright, see '''[[Portal Wiki:Licensing images]]'''.}}
{{TOC float|right}}
{{TOC float|right}}
== General guidelines ==  
== General guidelines ==  
Line 37: Line 39:


* '''png''' should be the primary file format for '''all images, unless otherwise noted'''. This includes, but is not limited to, icons, low-color illustrations (signs, icons, etc.), screenshots, in-game art, and similar images.
* '''png''' should be the primary file format for '''all images, unless otherwise noted'''. This includes, but is not limited to, icons, low-color illustrations (signs, icons, etc.), screenshots, in-game art, and similar images.
* '''jpg''' should only be used for photographs, when the source image is a jpg, or when cropping the png to make it fit the size limit is not an option.
* '''jpg''' should only be used for photographs, or when the source image is a jpg. If the file is a PNG image and is too big to be uploaded, please ask [[User:WindPower|WindPower]] to increase the limit.
* '''gif''' should '''only''' be used for animated graphics, or when the original source is a gif image.
* '''gif''' should '''only''' be used for animated graphics, or when the original source is a gif image.


Line 44: Line 46:
=== Image size ===
=== Image size ===
* Larger images may be difficult for some users to download or view so it is recommended that you crop images to focus on their subject.
* Larger images may be difficult for some users to download or view so it is recommended that you crop images to focus on their subject.
* It is possible to upload images of up to 2MB. If you cannot remain within this, consider re-sizing or cropping your image before saving it as a lossy file format.
* It is possible to upload images of up to 128MB. If you cannot remain within this, consider re-sizing or cropping your image before saving it as a lossy file format.


=== Compression levels ===
=== Compression levels ===
* '''png''' can have their file-size reduced by lowering the number of unique colors in the image, due to the way png files are compressed. It is, however, '''not''' recommended to do so, as it lowers the quality of images significantly.
* '''png''' can have their file-size reduced by lowering the number of unique colors in the image, due to the way png files are compressed. It is, however, '''not''' recommended to do so, as it lowers the quality of images significantly.
* '''jpg''' files should always be uploaded at 100% quality, to avoid as much artifacting as possible. That said, it usually shouldn't be necessary to refactor jpg images, as they should only be used when the source is a jpeg, and thus require no editing.
* '''jpg''' files should always be uploaded at 100% quality, to avoid as much artifacting as possible. That said, it usually shouldn't be necessary to refactor jpg images, as they should only be used when the source is a jpg, and thus require no editing.


Optimization programs can be used to reduce file size; consider using programs like [http://luci.criosweb.ro/riot RIOT] if you have Windows, or [http://www.gracepointafterfive.com/punypng PunyPNG] for an online tool—both of which handle jpg, gif, and png files.
Optimization programs can be used to reduce file size; consider using programs like [http://luci.criosweb.ro/riot RIOT] if you have Windows, or [http://www.gracepointafterfive.com/punypng PunyPNG] for an online tool—both of which handle jpg, gif, and png files.
Line 54: Line 56:
=== Resolution ===
=== Resolution ===
* Crop non-landscape images to show the important areas.
* Crop non-landscape images to show the important areas.
* Do not upload huge images—try to keep to a width of around 1280 (1280x1024 [[Wikipedia:XSGA|XSGA]] for 5:4 aspect ratio, 1280x960 for 4:3, or 1280x720 [[Wikipedia:WXGA|WXGA]] for 16:9).
* Do not blow up small images to larger sizes without good reason; this can detract from the overall quality.
* Do not blow up small images to larger sizes without good reason; this can detract from the overall quality.
* It is not recommended to resize images in an editing program, as MediaWiki can scale images automatically. Uploading a larger image that is cropped neatly means that higher amounts of detail can be seen if necessary.  
* It is not recommended to resize images in an editing program, as MediaWiki can scale images automatically. Uploading a larger image that is cropped neatly means that higher amounts of detail can be seen if necessary.  
Line 67: Line 68:
* [[Help:Images]] - Help article on using images
* [[Help:Images]] - Help article on using images
* [[Help:Taking Screenshots]] - Guide to taking screenshots
* [[Help:Taking Screenshots]] - Guide to taking screenshots
{{NS HELP navbar}}

Navigation menu