Help:Image guidelines - Revision history

Tark at 03:25, 25 June 2024

2024-06-25T03:25:03Z

← Older revision		Revision as of 03:25, 25 June 2024
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 66:		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}}~~

WindPower: /* Design and Quality */ ssssssss

2011-05-23T16:15:42Z

Design and Quality: ssssssss

← Older revision		Revision as of 16:15, 23 May 2011
Line 44:		Line 44:
	=== 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 54:
	=== 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.

WindPower: /* Image formats */

2011-05-23T16:14:42Z

Image formats

← Older revision		Revision as of 16:14, 23 May 2011
Line 37:		Line 37:

	* '''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.

Minip: /* See also */ Poosh! :3

2011-04-30T08:31:06Z

RJackson: I think that's all TF Wiki references killed.

2011-04-22T20:34:28Z

I think that's all TF Wiki references killed.

← Older revision		Revision as of 20:34, 22 April 2011
Line 1:		Line 1:
	{{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 '''[[~~Team Fortress~~ 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 9:		Line 9:
	** Availability		** Availability
	** Ensuring the image links are more reliable, as they are under our control		** Ensuring the image links are more reliable, as they are under our control
	* The ~~Official Team Fortress~~ Wiki is ''not'' an image hosting service, and any images uploaded to the Wiki should solely be for use on the Wiki, not your personal website or any other place.		* The Portal Wiki is ''not'' an image hosting service, and any images uploaded to the Wiki should solely be for use on the Wiki, not your personal website or any other place.

	== Source, author and copyright information ==		== Source, author and copyright information ==
	* Each image on the Wiki has a corresponding description page. On that page, you should document the copyright status of the image by selecting one of the pre-defined [[:Category:License templates\|licenses]]. Unlicensed images will be subject to deletion. Please see '''[[~~Team Fortress~~ Wiki:Licensing images\|the licensing help page]]''' for more information on the correct license to choose when uploading images.		* Each image on the Wiki has a corresponding description page. On that page, you should document the copyright status of the image by selecting one of the pre-defined [[:Category:License templates\|licenses]]. Unlicensed images will be subject to deletion. Please see '''[[Portal Wiki:Licensing images\|the licensing help page]]''' for more information on the correct license to choose when uploading images.
	* You should add the '''source''' and, if known the '''author''' of an image in the summary section when uploading, or use the <code><nowiki>{{</nowiki>[[Template:Information\|Information]]<nowiki>}}</nowiki></code> template.		* You should add the '''source''' and, if known the '''author''' of an image in the summary section when uploading, or use the <code><nowiki>{{</nowiki>[[Template:Information\|Information]]<nowiki>}}</nowiki></code> template.
	* Fan art images should rarely be uploaded. In an exceptional case where fan art is relevant and notable, it should always be marked as non-official, especially when used in an article, and they should not take precedence over official artwork.		* Fan art images should rarely be uploaded. In an exceptional case where fan art is relevant and notable, it should always be marked as non-official, especially when used in an article, and they should not take precedence over official artwork.
Line 28:		Line 28:

	* '''Icons''' should be placed in one or more subcategories of [[:Category:Icon images]].		* '''Icons''' should be placed in one or more subcategories of [[:Category:Icon images]].
	* '''Screenshots''' should be placed in one or more subcategories of [[:Category:Screenshot images]] (this will be automatic if you use the <code><nowiki>{{</nowiki>[[Template:~~ScreenshotTF2~~\|~~ScreenshotTF2~~]]<nowiki>}}</nowiki></code> template).		* '''Screenshots''' should be placed in one or more subcategories of [[:Category:Screenshot images]] (this will be automatic if you use the <code><nowiki>{{</nowiki>[[Template:ScreenshotP2\|ScreenshotP2]]<nowiki>}}</nowiki></code> template).
	* Userspace images should be placed within the [[:Category:User images]] category, by inserting <code><nowiki>[[Category:User images]]</nowiki></code> into the image's summary field.		* Userspace images should be placed within the [[:Category:User images]] category, by inserting <code><nowiki>[[Category:User images]]</nowiki></code> into the image's summary field.

Line 62:		Line 62:

	== Image linking ==		== Image linking ==
	* [[Wikipedia:Inline linking\|Inline linking]] (also known as hotlinking) or external linking of images on external sites for display on ~~Team Fortress~~ Wiki should not be used. There are multiple reasons for this including bandwidth leeching, copyright, ownership and availability issues.		* [[Wikipedia:Inline linking\|Inline linking]] (also known as hotlinking) or external linking of images on external sites for display on Portal Wiki should not be used. There are multiple reasons for this including bandwidth leeching, copyright, ownership and availability issues.

	== See also ==		== See also ==

RJackson: I like to copy and I like to pasta. Ty TFWiki

2011-04-22T20:33:20Z

I like to copy and I like to pasta. Ty TFWiki

New page

{{hatnote|For a technical guide on uploading and displaying images, see [[Help:Images]].}}
{{hatnote|For image licensing and copyright, see '''[[Team Fortress Wiki:Licensing images]]'''.}}
{{TOC float|right}}
== General guidelines ==

* Images used on the Wiki should be uploaded directly to the Wiki using the [[Special:Upload|upload page]]. This avoids [[Wikipedia:Inline linking|inline linking]] (also known as hotlinking) or external linking of images on external sites. This is to avoid a number of problems:
** Stealing bandwidth from other sources (leeching)
** Copyright ownership
** Availability
** Ensuring the image links are more reliable, as they are under our control
* The Official Team Fortress Wiki is ''not'' an image hosting service, and any images uploaded to the Wiki should solely be for use on the Wiki, not your personal website or any other place.

== Source, author and copyright information ==
* Each image on the Wiki has a corresponding description page. On that page, you should document the copyright status of the image by selecting one of the pre-defined [[:Category:License templates|licenses]]. Unlicensed images will be subject to deletion. Please see '''[[Team Fortress Wiki:Licensing images|the licensing help page]]''' for more information on the correct license to choose when uploading images.
* You should add the '''source''' and, if known the '''author''' of an image in the summary section when uploading, or use the <code><nowiki>{{</nowiki>[[Template:Information|Information]]<nowiki>}}</nowiki></code> template.
* Fan art images should rarely be uploaded. In an exceptional case where fan art is relevant and notable, it should always be marked as non-official, especially when used in an article, and they should not take precedence over official artwork.

== Naming ==
* Use descriptive titles. Suffix the filename with the content description. For example, acceptable filenames would be "File:bots_highfive.png" or "File:Atlas_Tyrants_helm.png". File names such as "File:forscience.png" or "File:youmonster.png" are not descriptive, and will be subject to being renamed or deleted.
* Lowercase file extensions should be used for uniformity (ie .png rather than .PNG). This is also important as the software treats image names as case sensitive—this means "Filename.PNG" is considered a different file from "Filename.png".
* Avoid uploading images of the same subjects under different names. It is better to overwrite an existing image with a better one than to upload it to a new name (unless the current name is not descriptive enough, or the file is using a different format). Images can be reverted back to previous versions if newer ones are deemed to not be improvements.
* Use of underscores in image names is unnecessary as spaces in file names will be replaced with underscores. <code><nowiki>[[File:John Doe.png]]</nowiki></code> is the same as <code><nowiki>[[File:John_Doe.png]]</nowiki></code>.
* Images uploaded for use in userspace should be prefixed with <code>User_NAME_</code> where <code>NAME</code> is the user who uploaded that image, and will be using it on their own userspace.

== Categorization ==

Using '''categories''' for your images helps us sort them better, and makes it easier to find that particular image, should it be relevant for an article in the future. Your image should always reside in at least one category; more if relevant. To place an image in a category, simply add <code><nowiki>[[Category:</nowiki>'''CATEGORYNAME'''<nowiki>]]</nowiki></code>, substituting '''CATEGORYNAME''' for the relevant category.

* '''Icons''' should be placed in one or more subcategories of [[:Category:Icon images]].
* '''Screenshots''' should be placed in one or more subcategories of [[:Category:Screenshot images]] (this will be automatic if you use the <code><nowiki>{{</nowiki>[[Template:ScreenshotTF2|ScreenshotTF2]]<nowiki>}}</nowiki></code> template).
* Userspace images should be placed within the [[:Category:User images]] category, by inserting <code><nowiki>[[Category:User images]]</nowiki></code> into the image's summary field.

Additionally, a full list of all available categories can be found on the page [[Special:Categories]]. Should an appropriate category not exist, create a new one as necessary.

== Image formats ==
Currently [[Wikipedia:PNG|png]], [[Wikipedia:GIF|gif]], and [[Wikipedia:JPEG|jpeg]] image formats are allowed. All of these formats have different uses, and should generally be used for different types of 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.
* '''gif''' should '''only''' be used for animated graphics, or when the original source is a gif image.

== Design and Quality ==

=== 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.
* 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.

=== 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.
* '''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.

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.

=== Resolution ===
* 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.
* 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.

=== Transparency ===
* Images that require transparency should use the png file format. Gifs ''can'' also handle transparency, but only in a single [[Wikipedia:Indexed color|indexed color]] as they only support 256 colors and do not have [[Wikipedia:Alpha channel|alpha channel]] support. This means they do not allow anti-aliasing of edges or blended color layers, and shouldn't be used on the wiki for those reasons.

== Image linking ==
* [[Wikipedia:Inline linking|Inline linking]] (also known as hotlinking) or external linking of images on external sites for display on Team Fortress Wiki should not be used. There are multiple reasons for this including bandwidth leeching, copyright, ownership and availability issues.

== See also ==
* [[Help:Images]] - Help article on using images
* [[Help:Taking Screenshots]] - Guide to taking screenshots

{{NS HELP navbar}}

← Older revision		Revision as of 08:31, 30 April 2011
Line 67:		Line 67:
	* [[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}}		{{NS HELP navbar}}