Difference between revisions of "UniWiki:Manual of Style/Images"

From EVE University Wiki
Jump to: navigation, search
m (→‎Choosing images: on Aesthetics)
 
(17 intermediate revisions by 3 users not shown)
Line 26: Line 26:
 
===Scale references===
 
===Scale references===
  
An image sometimes includes a familiar object to communicate scale. Such ''[[Wikipedia:Fiducial marker|fiducial markers]]'' should be as culturally universal and standardized as possible: [[Wikipedia:Ruler|rulers]], [[Wikipedia:Match|matches]], [[Wikipedia:Battery (electricity)|batteries]], [[Wikipedia:Playing card|playing cards]], [[Wikipedia:Pen|pens]]/[[Wikipedia:Pencil|pencils]], [[Wikipedia:CD|CDs]]/[[Wikipedia:DVD|DVDs]], [[Wikipedia:Soda can|soda cans]], [[Wikipedia:Football (ball)|footballs]] (soccer balls), people, vehicles, and famous structures such as the [[Wikipedia:Eiffel Tower|Eiffel Tower]] are good choices, but many others are possible. Such objects as coins, banknotes, and sheets of paper are less satisfactory because they are specific to given locales, but may be better than none at all since at least the general scale is still communicated.
+
An image sometimes includes a familiar object to communicate scale. Such ''[[Wikipedia:Fiducial marker|fiducial markers]]'' should be as culturally universal and standardized as possible: [[Wikipedia:Ruler|rulers]], [[Wikipedia:Match|matches]], [[Wikipedia:Battery (electricity)|batteries]], [[Wikipedia:Playing card|playing cards]], [[Wikipedia:Pen|pens]]/[[Wikipedia:Pencil|pencils]], [[Wikipedia:CD|CDs]]/[[Wikipedia:DVD|DVDs]], [[Wikipedia:Soda can|soda cans]], [[Wikipedia:Football (ball)|footballs]] (soccer balls), people, vehicles, and famous structures such as the [[Wikipedia:Eiffel Tower|Eiffel Tower]] are good choices, but many others are possible. Such objects as coins, banknotes, and sheets of paper are less satisfactory because they are specific to given locales, but may be better than none at all since at least the general scale is still communicated.
  
 
Quantitative data, if available, should still be given in the caption or the article.
 
Quantitative data, if available, should still be given in the caption or the article.
 +
 +
=== Image Aesthetics ===
 +
 +
When selecting or uploading images for UniWiki articles, it is essential to pay attention to the aesthetic cohesion of the content with the UniWiki's dark black background. White or overly bright images may appear stark and disrupt the visual harmony of the page. To address this, contributors are encouraged to use dark-themed images whenever suitable. This practice not only enhances the overall look and feel of the articles but also ensures that images seamlessly blend into the UniWiki's design, providing a more pleasing and cohesive user experience. Additionally, contributors may adjust image opacity or use appropriate image editing techniques to further align images with the UniWiki's visual theme.
  
 
===Offensive images===
 
===Offensive images===
Line 69: Line 73:
 
====Horizontal placement====
 
====Horizontal placement====
  
[[File:Siberian Husky pho.jpg|thumb|left|alt=A white dog in a harness playfully nuzzles a young boy |A [[Siberian Husky]] used as a pack animal]]
 
 
* In most cases, images should be right justified on pages, which is the default placement. If an exception to the general rule is warranted, <code>|left</code> can be used:  
 
* In most cases, images should be right justified on pages, which is the default placement. If an exception to the general rule is warranted, <code>|left</code> can be used:  
<code><nowiki>[[File:Siberian Husky pho.jpg|thumb</nowiki>'''<span style="color:red;">|left</span>'''<nowiki>|alt=A white dog in a harness playfully nuzzles a young boy |A [[Siberian Husky]] used as a pack animal]]</nowiki></code>{{Shortcuts|MOS:IMAGELOCATION|MOS:SANDWICHING|MOS:IMGLOC}}{{clear}}
+
<code><nowiki>[[File:Siberian Husky pho.jpg|thumb</nowiki>'''<span style="color:red;">|left</span>'''<nowiki>|alt=A white dog in a harness playfully nuzzles a young boy |A [[Siberian Husky]] used as a pack animal]]</nowiki></code>
{{clear}}
+
* Multiple images can be staggered right and left. However, avoid sandwiching text between two images that face each other; or between an image and infobox, navigation template, or similar.
[[File:The suicide of Cleopatra; the asp is wriggling up the left a Wellcome V0041560.jpg|thumb|330px<!--fixed width to guarantee "sandwiching" effect regardless of user preference settings; this is a bit tricky because if screen is too narrow, then text will be squeezed out completely from between images and the effect is nullified-->|... can create a distasteful text sandwich.]]
 
[[File:Harvard Theatre Collection - Sarah Bernhardt TCS 2 (Cleopatra) (cropped).jpg|thumb|left|330px<!--see note to prior image re size-->|Large images opposite one another{{nbsp}}...]]
 
 
 
* Multiple images can be staggered right and left. However, avoid sandwiching text between two images that face each other; or between an image and infobox, navigation template, or similar. If multiple related images are being placed on the right, then the {{tl|multiple image}} template may be useful but be aware that this template does not [[WP:IMGSIZE|allow logged-in users' selected image sizes]] to be respected, if any have been set.
 
 
* In a few web browsers, bulleted lists do not format properly adjacent to left-aligned images; thus it may be preferable to avoid placing a left-aligned image near lists.
 
* In a few web browsers, bulleted lists do not format properly adjacent to left-aligned images; thus it may be preferable to avoid placing a left-aligned image near lists.
 
* It is often preferable to place images of people so that they "look" toward the text. (Do not achieve this by reversing the image, which creates a false presentation e.g. by reversing the location of scars or other features.)
 
* It is often preferable to place images of people so that they "look" toward the text. (Do not achieve this by reversing the image, which creates a false presentation e.g. by reversing the location of scars or other features.)
{{clear left}}
 
  
 
====Vertical placement====
 
====Vertical placement====
 +
 
An image should generally be placed in the most relevant article section; if this is not possible, try not to place an image "too early" i.e. far ahead of the point in the text discussing what the image illustrates, if this will puzzle the reader.
 
An image should generally be placed in the most relevant article section; if this is not possible, try not to place an image "too early" i.e. far ahead of the point in the text discussing what the image illustrates, if this will puzzle the reader.
An image causes a paragraph break (i.e. the current paragraph ends and a new one begins) so it is not possible to place an image ''within'' a paragraph. (This applies to <code>thumb</code> images; small inline images are an exception {{see below|mid=y|Inline images}}.)
+
An image causes a paragraph break (i.e. the current paragraph ends and a new one begins) so it is not possible to place an image ''within'' a paragraph. (This applies to <code>thumb</code> images; small inline images are an exception ''(See [[#Inline images|Inline images]], below)''.)
  
 
===<span id="References from article"></span>References from article text===
 
===<span id="References from article"></span>References from article text===
Line 89: Line 88:
  
 
===Size===
 
===Size===
{{Shortcuts|MOS:IMGSIZE|MOS:UPRIGHT}}
+
:''See also: [[Wikipedia:Wikipedia:Image use policy#Displayed image size|Wikipedia:Displayed image size]]''
{{see also|Wikipedia:Image use policy#Displayed image size}}
+
 
*An image's size is controlled by changing its width{{snd}}after which software automatically adjusts height in proportion. (Most references to an image's "size" really mean its width.)
+
*An image's size is controlled by changing its width - after which software automatically adjusts height in proportion. (Most references to an image's "size" really mean its width.)
*{{anchor|Image preferences}}Each user has a "base" width, which applies to <code>|thumb</code> and <code>|frameless</code> images; for ''unregistered'' users (the vast majority of readers) this is always 220 pixels; for ''registered'' (logged-in) users, the base width is 220px when the user's account is created, but can be changed via [[Help:Preferences#Files|Preferences]].<ref group=nb name=leave_pref/> (The two Siberian Husky images above are displayed at whatever ''your'' base width is.)
+
*Each user has a "base" width, which applies to <code>|thumb</code> and <code>|frameless</code> images; for ''unregistered'' users (the vast majority of readers) this is always 220 pixels; for ''registered'' (logged-in) users, the base width is 220px when the user's account is created, but can be changed via [[Wikipedia:Help:Preferences#Files|Preferences]]. (The two Siberian Husky images above are displayed at whatever ''your'' base width is.)
[[File:Phineas gage - 1868 skull diagram.jpg|thumb|upright=0.5|Image using <code>upright=0.5</code>; compare to Husky images above (<code>upright=1</code>). ]]
+
*Only where a smaller or larger image is appropriate, use <code>upright|''scaling factor''</code>, which expands or contracts the image by a factor ''relative to the user's base width''.  
*Only where a smaller or larger image is appropriate, use {{para|upright|''scaling factor''}}, which expands or contracts the image by a factor ''relative to the user's base width''.  
 
 
**For example:
 
**For example:
 
***<code><nowiki>upright=1.3</nowiki></code> might be used for an image with fine detail (e.g. a map or diagram) to render it "30% larger than this user generally wants". (For a reader with the usual base width setting of 220px, this is 285px.)  
 
***<code><nowiki>upright=1.3</nowiki></code> might be used for an image with fine detail (e.g. a map or diagram) to render it "30% larger than this user generally wants". (For a reader with the usual base width setting of 220px, this is 285px.)  
Line 103: Line 101:
 
***Lead images should usually use <code>upright=1.35</code> at most.
 
***Lead images should usually use <code>upright=1.35</code> at most.
 
**Images within an article, especially those on the same side and vertically proximate to one another, may be more appealing if presented at the same width.
 
**Images within an article, especially those on the same side and vertically proximate to one another, may be more appealing if presented at the same width.
**''Warning:'' <code>upright</code> alone, with no {{nobr|1=<code>''=scaling factor''</code>}} (e.g. <code><nowiki>[[File:Dog.jpg|thumb|upright|A big dog]]</nowiki></code>) is equivalent to <code>upright=0.75</code>.
+
**''Warning:'' <code>upright</code> alone, with no <code>''=scaling factor''</code> (e.g. <code><nowiki>[[File:Dog.jpg|thumb|upright|A big dog]]</nowiki></code>) is equivalent to <code>upright=0.75</code>.
*Where absolutely necessary, a fixed width in pixels (e.g. <code>17px</code>) may be specified. This, however, ignores the user's base width setting, so '''{{nobr|1=<code>upright=''scaling factor''</code>}} is preferred whenever possible'''.<ref group=nb name=corresp/> As a general rule, images should not be set to a larger fixed width than 220px (the initial base width), and if an exception to this general rule is warranted, the resulting image should usually be no more than 400px wide<!--this is 1.8*220--> (300px for lead images<!--This is 1.35*220-->) and 500px tall, for comfortable display on the smallest devices "in common use" (though this may still cause viewing difficulties on some unusual displays).
+
*Where absolutely necessary, a fixed width in pixels (e.g. <code>17px</code>) may be specified. This, however, ignores the user's base width setting, so '''<code>upright=''scaling factor''</code> is preferred whenever possible'''. As a general rule, images should not be set to a larger fixed width than 220px (the initial base width), and if an exception to this general rule is warranted, the resulting image should usually be no more than 400px wide<!--this is 1.8*220--> (300px for lead images<!--This is 1.35*220-->) and 500px tall, for comfortable display on the smallest devices "in common use" (though this may still cause viewing difficulties on some unusual displays).
*To present images larger than the guidelines above (e.g. panoramas), use <code>thumb|[[WP:PIC#center|center]]</code> or <code>thumb|[[WP:PIC#none|none]]</code>, so that the image stands alone; or use {{tl|wide image}} or {{tl|tall image}} to present a very large image in a scrollable box.
+
*To present images larger than the guidelines above (e.g. panoramas), use <code>thumb|[[Wikipedia:WP:PIC#center|center]]</code> or <code>thumb|[[Wikipedia:WP:PIC#none|none]]</code>, so that the image stands alone.
  
 
::{|style="border-spacing: 12px; border: 1px solid darkgray;"
 
::{|style="border-spacing: 12px; border: 1px solid darkgray;"
Line 122: Line 120:
  
 
===Inline images===
 
===Inline images===
{{see also|Help:Visual file markup#Border}}
+
:''See also: [[Wikipedia:Help:Visual file markup#Border|Wikipedia:Visual file markup]]''
{{Shortcuts|MOS:BORDERIMAGE}}
 
 
 
*Substituting <code>frameless</code> for <code>thumb</code> produces an "inline" image. For example,
 
::<code><nowiki>This [[File:Flag of Japan.svg|frameless|x20px]] is an inline image.</nowiki></code>
 
:produces
 
::This [[File:Flag of Japan.svg|frameless|x20px]] is an inline image.
 
 
 
*A one-pixel border may be added via {{para||border}}. For example,
 
::<code><nowiki>This [[File:Flag of Japan.svg|frameless|x20px|border]] is an inline image with a border.</nowiki></code>
 
:produces
 
::This [[File:Flag of Japan.svg|frameless|x20px|border]] is an inline image with a border.
 
  
 +
*Substituting <code>frameless</code> for <code>thumb</code> produces an "inline" image.
 +
*A one-pixel border may be added via <code>|border</code>.
 
*Inline images do not have captions
 
*Inline images do not have captions
 
*Note the syntax <code>x20px</code>: whereas <code>20px</code> specifies a 20-pixel ''width'', <code>x20px</code> specifies a 20-pixel ''height''. Heights between <code>x18px</code> and <code>x22px</code> will usually match surrounding text well. (<code>upright</code> is not usually used with inline images.)
 
*Note the syntax <code>x20px</code>: whereas <code>20px</code> specifies a 20-pixel ''width'', <code>x20px</code> specifies a 20-pixel ''height''. Heights between <code>x18px</code> and <code>x22px</code> will usually match surrounding text well. (<code>upright</code> is not usually used with inline images.)
  
 
==Making images available==
 
==Making images available==
{{shortcut|MOS:HOTLINK}}
+
:''For further information, see: [[Wikipedia:Wikipedia:Extended image syntax|Wikipedia:Extended image syntax]] as well as [[Wikipedia:Wikipedia:Uploading images|Wikipedia:Uploading images]]''
{{anchor|Inline linking}}{{selfref|For further information, see: [[Wikipedia:Extended image syntax|Extended image syntax]], [[Wikipedia:Wikimedia Commons#Embedding Commons' media in Wikipedia articles|Embedding Commons' media in Wikipedia articles]] as well as [[Wikipedia:Uploading images|Uploading images]]}}
+
Images uploaded to the UniWiki are automatically placed into the '''[[Wikipedia:Wikipedia:Namespace#File|file namespace]]''', formerly known as the '''image namespace'''. This means that names of [[Wikipedia:Help:Image page|image pages]] start with the prefix "File:".  All images used on the UniWiki must be uploaded to the UniWiki itself; the [[Wikipedia:Inline linking|inline linking]] of images from other websites is disabled to prevent abuse, [[Wikipedia:Link rot|link rot]], and copyright violations.
Images uploaded to Wikipedia are automatically placed into the '''[[Wikipedia:Namespace#File|file namespace]]''', formerly known as the '''image namespace'''. This means that names of [[Help:Image page|image pages]] start with the prefix "File:".  All images used on Wikipedia must be uploaded to Wikipedia itself or [[Wikimedia Commons]]; the [[inline linking]] of images from other websites is disabled to prevent abuse, [[link rot]], and copyright violations.
 
  
 
===Obtaining images===
 
===Obtaining images===
All images must comply with [[Wikipedia:Image use policy|Wikipedia's image use policy]]: in general, they must be free for reuse, including commercial use and use after alteration, though some "[[fair use]]" of non-free content is allowed in limited circumstances{{mdashb}}see [[Wikipedia:Non-free content]].
+
All images should comply with [[Wikipedia:Wikipedia:Image use policy|Wikipedia's image use policy]]: in general, they must be free for reuse, including commercial use and use after alteration, though some "[[Wikipedia:Fair use|fair use]]" of non-free content is allowed in limited circumstances&mdash;see [[Wikipedia:Wikipedia:Non-free content|Wikipedia:Non-free content]].
  
 
==== Finding images already uploaded ====
 
==== Finding images already uploaded ====
Line 150: Line 138:
  
 
* [[Special:Search]] — Use the [//en.wikipedia.org/w/index.php?title=Special:Search&search=&fulltext=Search&profile=images&redirs=1 "Multimedia" setting] to search for images and other files uploaded to the English Wikipedia by keyword or title.  Most fair-use images are located here.
 
* [[Special:Search]] — Use the [//en.wikipedia.org/w/index.php?title=Special:Search&search=&fulltext=Search&profile=images&redirs=1 "Multimedia" setting] to search for images and other files uploaded to the English Wikipedia by keyword or title.  Most fair-use images are located here.
* [[commons:Special:Search]] — Go to [[Wikimedia Commons]] to search for images and other media files by description, title, or category.
 
* If the article has [[Help:Interlanguage links|interlanguage links]] to other Wikipedias, then click through to the non-English articles to see which images they are using.
 
  
====Making images yourself {{anchor|Annotated image}}====
+
====Making images yourself====
{{selfref|For further information, see: [[Wikipedia:Picture tutorial|Picture tutorial]] and [[Wikipedia:Graphics tutorials|Graphics tutorials]]}}
+
:''For further information, see: [[Wikipedia:Wikipedia:Picture tutorial|Wikipedia:Picture tutorial]] and [[Wikipedia:Wikipedia:Graphics tutorials|Wikipedia:Graphics tutorials]]''
You may upload photographs, drawings, or other graphics created with a camera, scanner, graphics software, and so on. When photographing or scanning potentially copyrighted works, or creating depictions of persons other than yourself, be sure to respect copyright and privacy restrictions.{{explain}}
+
You may upload photographs, drawings, or other graphics created with a camera, scanner, graphics software, and so on. When photographing or scanning potentially copyrighted works, or creating depictions of persons other than yourself, be sure to respect copyright and privacy restrictions.
  
In order to maximize images' usefulness in all languages, avoid including text within them. Instead, add text, links, references, etc, to images using [[Template:Annotated image]] or [[Template:Annotated image 4]], which can also be used to expand the area around an image or crop and enlarge part of an image{{mdashb}}all without the need for uploading a new, modified image.
+
In order to maximize images' usefulness in all languages, avoid including text within them.
  
 
==== Finding images on the Internet ====
 
==== Finding images on the Internet ====
{{selfref|For further information, see: [[Wikipedia:Finding images tutorial|Finding images tutorial]]}}
+
:''For further information, see: [[Wikipedia:Wikipedia:Finding images tutorial|Wikipedia:Finding images tutorial]]''
An extensive list of free image resources by topic can be found at: [[Wikipedia:Public domain image resources|Public domain image resources]]. In addition to [[Wikimedia Commons]], the [[:m:Toolserver|Wikimedia Toolserver]] has a [[tools:~magnus/fist.php|Free Image Search Tool]] (FIST), which automatically culls free images from the [[Wikipedia:Wikimedia sister projects|Wikimedia sister projects]], [[Flickr]] and a few other sites. Several other useful, general purpose [[image search]] engines include: [[Google Image Search]], [[Picsearch]] and [[Pixsta]]. [[Creative Commons]] licensed images with ''Attribution'' and ''Attribution-ShareAlike'' as their license may be used on Wikipedia. '''Images with any license restricting commercial use or the creation of derivative works may not be used on Wikipedia'''.
+
An extensive list of free image resources by topic can be found at: [[Wikipedia:Wikipedia:Public domain image resources|Public domain image resources]]. Several other useful, general purpose [[Wikipedia:Image search|image search]] engines include: [[Wikipedia:Google Image Search|Google Image Search]], [[Wikipedia:Picsearch|Picsearch]] and [[Wikipedia:Pixsta|Pixsta]]. [[Wikipedia:Creative Commons|Creative Commons]] licensed images with ''Attribution'' and ''Attribution-ShareAlike'' as their license may be used on the UniWiki. '''Images with any license restricting commercial use or the creation of derivative works may not be used on Wikipedia'''.
  
 
The Creative Commons site has a [http://search.creativecommons.org/ search page] that can be used as a starting point to find suitably licensed images; make sure you check both the checkboxes "use for commercial purposes" and "modify, adapt, or build upon".
 
The Creative Commons site has a [http://search.creativecommons.org/ search page] that can be used as a starting point to find suitably licensed images; make sure you check both the checkboxes "use for commercial purposes" and "modify, adapt, or build upon".
  
If you find an image on the Internet that is not available freely, you can email the copyright owner and ask for their permission to release it under a suitable license, adapting the [[Wikipedia:boilerplate request for permission|boilerplate request for permission]]. If you cannot find a suitable image, you may also list your request at [[Wikipedia:Requested pictures]], so that another contributor may find or create a suitable image.
+
===Editing images===
 
 
====Requesting images from others====
 
See
 
{{columns-list|colwidth=25em|
 
* [[Wikipedia:Requesting copyright permission]]
 
* [[Wikipedia:Donating copyrighted materials]]
 
* [[Wikipedia:Declaration of consent for all enquiries]]
 
* [[Wikipedia:Requested pictures]] (for requesting Wikipedians to take photos etc.)
 
}}
 
 
 
==={{anchor|retouching}} Editing images===
 
<!-- This Anchor tag serves to provide a permanent target for incoming section links. Please do not move it out of the section heading, even though it disrupts edit summary generation (you can manually fix the edit summary before you save your changes). Please do not modify it, even if you modify the section title. It is always best to anchor an old section header that has been changed so that links to it won't be broken. See [[Template:Anchor]] for details. (This text: [[Template:Anchor comment]]) -->
 
[[File:Moon worldwind.jpg|thumb|In this [[pseudocolor]] image of the moon, red tints represent the highest elevations, purple the lowest; this is not the coloring a viewer of the moon would actually see, and this should be clear in the caption, lest the reader be misled.]]
 
  
An  image's utility or quality may be improved by cropping (to focus on the relevant portion), cleaning up scanning artifacts, correcting color balance, removing [[red-eye effect]], or other adjustments.
+
An  image's utility or quality may be improved by cropping (to focus on the relevant portion), cleaning up scanning artifacts, correcting color balance, removing [[Wikipedia:Red-eye effect|red-eye effect]], or other adjustments.
  
The caption of an image should mention such edits (e.g. introduction of [[false color|false color or pseudocolor]]) if a reader needs to know about them to properly interpret the image.
+
The caption of an image should mention such edits (e.g. introduction of [[Wikipedia:false color|false color or pseudocolor]]) if a reader needs to know about them to properly interpret the image.
  
Edits that improve the presentation without materially altering the content need not be mentioned in the caption e.g. rotation to correct a slightly crooked image, improvement to the contrast of a scan, or blurring a background to make the main subject more prominent. (However, all changes to images taken from outside sources should be noted on the [[#Image description pages|image's description page]]. For images created by editors themselves, changes which could have been part of the image's original composition{{mdashb}}such as rotation or minor cropping{{mdashb}}need not be mentioned on the description page.)
+
Edits that improve the presentation without materially altering the content need not be mentioned in the caption e.g. rotation to correct a slightly crooked image, improvement to the contrast of a scan, or blurring a background to make the main subject more prominent. (However, all changes to images taken from outside sources should be noted on the [[#Image description pages|image's description page]]. For images created by editors themselves, changes which could have been part of the image's original composition&mdash;such as rotation or minor cropping&mdash;need not be mentioned on the description page.)
  
 
Images should not be changed in ways that materially mislead the viewer. For example, images showing artworks, faces, identifiable places or buildings, or text should not be reversed (although those showing soap bubbles or bacteria might be). Do not change color integral to the subject, such as in images of animals. It is usually appropriate to de-speckle or remove scratches from images, though that might be inappropriate for historical photographs.
 
Images should not be changed in ways that materially mislead the viewer. For example, images showing artworks, faces, identifiable places or buildings, or text should not be reversed (although those showing soap bubbles or bacteria might be). Do not change color integral to the subject, such as in images of animals. It is usually appropriate to de-speckle or remove scratches from images, though that might be inappropriate for historical photographs.
  
For assistance in editing images, try [[WP:Graphics Lab]].
+
For assistance in editing images, try [[Wikipedia:WP:Graphics Lab|Wikipedia:Graphics Lab]].
  
 
===Uploading images===
 
===Uploading images===
{{selfref|For further information, see: [[Wikipedia:Uploading images|Uploading images]], and [[Wikipedia:File names|File names]]}}
+
:''For further information, see: [[Wikipedia:Wikipedia:Uploading images|Wikipedia:Uploading images]], and [[Wikipedia:Wikipedia:File names|Wikipedia:File names]]''
[[Special:userlogin|Logged in]] users with [[Wikipedia:Autoconfirmed users|autoconfirmed accounts]] (meaning at least four days old and at least ten edits at the English Wikipedia) can upload media to the English Wikipedia. It is recommended that '''only''' [[Wikipedia:File copyright tags/Free licenses|free licensed]] media, '''not''' [[Wikipedia:Non-free content|fair use]] media, be uploaded to [[Wikimedia Commons]]. Media on Wikimedia Commons can be linked to in the same way as media of the same name on Wikipedia. To upload media to the English Wikipedia, go to [[special:upload]] and for Wikimedia Commons, go to [[commons:special:upload]]. For preferred file formats, see: [[Wikipedia:Preparing images for upload|Preparing images for upload]].
+
All users can upload media to the UniWiki. For preferred file formats, see: [[Wikipedia:Wikipedia:Preparing images for upload|Wikipedia:Preparing images for upload]].
  
 
====Image description pages====
 
====Image description pages====
{{see|Wikipedia:Categorization#Files/images}}
+
:''Further information: [[Wikipedia:Wikipedia:Categorization#Files/images|Wikipedia:Categorization#Files/images]]''
Each image has a corresponding [[Help:Image page|description page]], which documents the image's source, author and [[Wikipedia:Copyrights|copyright status]]; descriptive (who, what, when, where, why) information; and technical (equipment, software, etc.) data useful to readers and later editors.
+
Each image has a corresponding [[Wikipedia:Help:Image page|description page]], which documents the image's source, author and [[Wikipedia:Wikipedia:Copyrights|copyright status]]; descriptive (who, what, when, where, why) information; and technical (equipment, software, etc.) data useful to readers and later editors.
  
 
To maximize the utility and educational value of an image, please describe its contents as fully as possible on the image's description page. For example, photographs of artwork benefit from documentation of the artist, title, location, dates, museum identification numbers, and so on. Images that are described only in vague terms (for example, "a cuneiform tablet" or "a medieval manuscript") are often less useful for Wikipedia and less informative to our readers.
 
To maximize the utility and educational value of an image, please describe its contents as fully as possible on the image's description page. For example, photographs of artwork benefit from documentation of the artist, title, location, dates, museum identification numbers, and so on. Images that are described only in vague terms (for example, "a cuneiform tablet" or "a medieval manuscript") are often less useful for Wikipedia and less informative to our readers.
Line 202: Line 175:
 
Reliable sources, if any, may be listed on the image's description page. Generally, Wikipedia assumes in good faith that image creators are correctly identifying the contents of photographs they have taken. If such sources are available, it is helpful to provide them. This is particularly important for technical drawings, as someone may want to verify that the image is accurate.
 
Reliable sources, if any, may be listed on the image's description page. Generally, Wikipedia assumes in good faith that image creators are correctly identifying the contents of photographs they have taken. If such sources are available, it is helpful to provide them. This is particularly important for technical drawings, as someone may want to verify that the image is accurate.
  
Description pages for images are rediscovered by editors using the [[H:S|search engine]] and the [[Help:Categories|categories]]. To help editors find precise images, please remember to document the image description page accordingly.  Well-categorized and well-described images are more likely to be used.
+
Description pages for images are rediscovered by editors using the [[Wikipedia:H:S|search engine]] and the [[Wikipedia:Help:Categories|categories]]. To help editors find precise images, please remember to document the image description page accordingly.  Well-categorized and well-described images are more likely to be used.
  
 
===Consideration of image download size===
 
===Consideration of image download size===
Images can greatly increase the [[bandwidth (computing)|bandwidth]] cost of viewing an article{{snd}}a consideration for readers on slow or expensive connections. Articles carry reduced-size [[thumbnail]]s instead of full images (which the user can view by "clicking through" the thumbnail) but in some file types a thumbnail's reduced dimensions doesn't translate into a concomitant reduction in file size. (In most browsers you can see a thumbnail's size by right-clicking for its "Properties".)
+
Images can greatly increase the [[Wikipedia:bandwidth (computing)|bandwidth]] cost of viewing an article - a consideration for readers on slow or expensive connections. Articles carry reduced-size [[Wikipedia:Thumbnail|thumbnails]] instead of full images (which the user can view by "clicking through" the thumbnail) but in some file types a thumbnail's reduced dimensions doesn't translate into a concomitant reduction in file size. (In most browsers you can see a thumbnail's size by right-clicking for its "Properties".)
  
 
If one image's file size is disproportionate to those of others in the same article, you may want to reduce it by selecting a different file format:
 
If one image's file size is disproportionate to those of others in the same article, you may want to reduce it by selecting a different file format:
* [[GIF]] images with a frame size larger than 12.5 million pixels (measured as pixel height × pixel width × number of frames in the animation) cannot currently be displayed in thumbnail form in Wikipedia articles. A thumbnail of a GIF image can be considerably larger in kilobytes than the original image file.
+
* [[Wikipedia:GIF|GIF]] images with a frame size larger than 12.5 million pixels (measured as pixel height × pixel width × number of frames in the animation) cannot currently be displayed in thumbnail form in Wikipedia articles. A thumbnail of a GIF image can be considerably larger in kilobytes than the original image file.
* Animated [[GIF]] images have a few additional restrictions. Images larger than 12.5 million pixels (measured as pixel height × pixel width × number of frames in the animation) currently will only show the first frame of the animation in a thumbnail. When not using a GIF animation at its original frame size, consider creating an Ogg [[Theora]] movie of the animation.
+
* Animated [[Wikipedia:GIF|GIF]] images have a few additional restrictions. Images larger than 12.5 million pixels (measured as pixel height × pixel width × number of frames in the animation) currently will only show the first frame of the animation in a thumbnail. When not using a GIF animation at its original frame size, consider creating an Ogg [[Wikipedia:Theora|Theora]] movie of the animation.
* The [[Portable Network Graphics|PNG]] format is useful for storing graphics that contain text, line art, or other images with sharp transitions. It can achieve the same graphical results as a GIF file, and in many cases do so with a higher rate of [[file compression]]. For this reason, PNG format files are usually preferred to the GIF format.  (However, for certain types of images, PNG thumbnailing is not as efficient as GIF thumbnailing, when Wikimedia GIF thumbnailing is enabled.) For images with substantial editing, or for which further editing may be warranted, uploading a PNG as well as a JPEG is common (PNG is lossless compression, so repeatedly saving edits on a PNG will not result in loss of quality.)
+
* The [[Wikipedia:Portable Network Graphics|PNG]] format is useful for storing graphics that contain text, line art, or other images with sharp transitions. It can achieve the same graphical results as a GIF file, and in many cases do so with a higher rate of [[Wikipedia:File compression|file compression]]. For this reason, PNG format files are usually preferred to the GIF format.  (However, for certain types of images, PNG thumbnailing is not as efficient as GIF thumbnailing, when Wikimedia GIF thumbnailing is enabled.) For images with substantial editing, or for which further editing may be warranted, uploading a PNG as well as a JPEG is common (PNG is lossless compression, so repeatedly saving edits on a PNG will not result in loss of quality.)
* A [[JPEG]] or other compressed image format can be much smaller than a comparable GIF or PNG format file. When there is no apparent difference in quality, such as with a photograph that has no sharp graphical transitions, a compressed image format such as JPEG may be preferable for reasons of download performance. Wikipedia is often able to achieve much better compression of JPEG photograph thumbnails than comparable PNG images, and with little perceptible loss of quality. Repeatedly loading and resaving an image as JPEG will result in loss of quality, however, as will using low settings for the JPEG; as such, if you've made edits, it can be helpful to save a PNG or TIFF copy before closing the image editor and upload that as well; this copy can then be used to generate a new JPEG after further editing.  
+
* A [[Wikipedia:JPEG|JPEG]] or other compressed image format can be much smaller than a comparable GIF or PNG format file. When there is no apparent difference in quality, such as with a photograph that has no sharp graphical transitions, a compressed image format such as JPEG may be preferable for reasons of download performance. Wikipedia is often able to achieve much better compression of JPEG photograph thumbnails than comparable PNG images, and with little perceptible loss of quality. Repeatedly loading and resaving an image as JPEG will result in loss of quality, however, as will using low settings for the JPEG; as such, if you've made edits, it can be helpful to save a PNG or TIFF copy before closing the image editor and upload that as well; this copy can then be used to generate a new JPEG after further editing.  
* Where an image consists solely of line art, charts text and simple graphics, an [[Scalable Vector Graphics|SVG]] file can be significantly smaller than other graphics formats. This is because the data is encoded as a series of drawing commands, rather than as [[raster graphics]]. There are [[open source]] applications available for rendering graphics in SVG format. However, SVG thumbnails are rendered as PNGs.
+
* Where an image consists solely of line art, charts text and simple graphics, an [[Wikipedia:Scalable Vector Graphics|SVG]] file can be significantly smaller than other graphics formats. This is because the data is encoded as a series of drawing commands, rather than as [[Wikipedia:Raster graphics|raster graphics]]. There are [[Wikipedia:Open source|open source]] applications available for rendering graphics in SVG format. However, SVG thumbnails are rendered as PNGs.
 
* Rather than including an image gallery on an article, which could add significantly to the download size, consider creating a gallery/category on the Wikimedia Commons instead.
 
* Rather than including an image gallery on an article, which could add significantly to the download size, consider creating a gallery/category on the Wikimedia Commons instead.
  
 
==See also==
 
==See also==
{{columns-list|colwidth=20em|
 
* [[Wikipedia:Image dos and don'ts]] (information page summarizing the key points of this guideline)
 
* [[Exchangeable image file format]]
 
* [[Image editing]]
 
* [[:mw:Extension:ImageMap]]
 
* [[Wikipedia:Extended image syntax]]
 
* [[Wikipedia:Finding images tutorial]]
 
* [[Wikipedia:Guide to image deletion]]
 
* [[Wikipedia:How to create charts for Wikipedia articles]]
 
* [[Wikipedia:How to improve image quality]]
 
* [[Wikipedia:Image quality requirements]] (historical proposal)
 
* [[Wikipedia:Image use policy]]
 
* [[Wikipedia:No 3D illustrations]]
 
* [[Wikipedia:Picture tutorial]]
 
* [[Wikipedia:Public domain image resources]]
 
* [[Wikipedia:Ten things you may not know about images on Wikipedia]]
 
* [[Wikipedia:Requested pictures]]
 
* [[Wikipedia:Uploading images]]
 
* [[Wikipedia:Graphics Lab]]
 
* [[Wikipedia:WikiProject Sexology and sexuality/WIP-image-guidelines]] (historical reference)
 
}}
 
 
==Notes==
 
{{reflist|group=nb|refs=
 
 
<ref name="typical">
 
Here a "typical Wikipedia reader" is defined by the cultural beliefs of the majority of the website ''readers'' (not active editors) that are literate in an article's language. Clarifying this viewpoint may require a broad spectrum of input and discussion, as cultural views can differ widely.
 
</ref>
 
 
<ref name="leave_pref">
 
If you do much work with image layouts, consider leaving your preference at 220px to match the "reader experience" of most readers.</ref>
 
</ref>
 
  
<ref name=corresp>
+
* [[Wikipedia:Wikipedia:Image dos and don'ts|Wikipedia:Image dos and don'ts]]
<code>px</code> works the same as <code>upright</code> for users with the usual base width setting of 220px, but works counterintuitively for readers whose base width is set to a different value (see [[Help:Preferences#Files]]). For example, an image coded <code>275px</code>{{mdashb}}presumably to make it wider than most images on a particular page{{mdashb}}is actually rendered ''smaller'' than most images if the user has changed his base width to 300px. In contrast, <code>upright</code> responds gracefully to changes in the user's base width, maintaining the relative size of images in any given article by enlarging or reducing all of them proportionately.
+
* [[Wikipedia:Exchangeable image file format|Exchangeable image file format]]
{{paragraph break}}
+
* [[Wikipedia:Image editing|Image editing]]
However, a thumbnail can '''not''' be displayed larger than the original uploaded image. For example, if an image is coded <code>thumb|330px</code> or <code>thumb|upright=1.5</code> (for a reader with the usual base width of 220px), but the original uploaded file was only 200px wide, then the article thumbnail will still be displayed at only 200px.
+
* [[Wikipedia:Wikipedia:Extended image syntax|Wikipedia:Extended image syntax]]
</ref>
+
* [[Wikipedia:Wikipedia:Finding images tutorial|Wikipedia:Finding images tutorial]]
}}
+
* [[Wikipedia:Wikipedia:How to create charts for Wikipedia articles|Wikipedia:How to create charts for Wikipedia articles]]
 +
* [[Wikipedia:Wikipedia:How to improve image quality|Wikipedia:How to improve image quality]]
 +
* [[Wikipedia:Wikipedia:Image use policy|Wikipedia:Image use policy]]
 +
* [[Wikipedia:Wikipedia:No 3D illustrations|Wikipedia:No 3D illustrations]]
 +
* [[Wikipedia:Wikipedia:Picture tutorial|Wikipedia:Picture tutorial]]
 +
* [[Wikipedia:Wikipedia:Public domain image resources|Wikipedia:Public domain image resources]]
 +
* [[Wikipedia:Wikipedia:Uploading images|Wikipedia:Uploading images]]
 +
* [[Wikipedia:Wikipedia:Graphics Lab|Wikipedia:Graphics Lab]]
  
 
[[Category:UniWiki Manual of Style]]
 
[[Category:UniWiki Manual of Style]]

Latest revision as of 08:57, 22 January 2024

This page is a part of the UniWiki's Manual of Style. It is a general guideline intended to harmonize article style across the UniWiki, though it is best treated with common sense, and exceptions may apply. Any substantive edit to this page should be approved by the Wiki Manager. When in doubt, discuss first on the talk page.

This page gives an overview of how images are used in Wikipedia; for more information, see Wikipedia:Image use policy and see Wikipedia:Help:Files on how to upload and include an image.

Choosing images

Pertinence and encyclopedic nature

Top of an unrecognizable curvy building under blue sky with a helicopter so far in the distance that it resembles a sparrow
This image adequately shows neither what a helicopter is, nor what the Sydney Opera House looks like.

Images must be significant and relevant in the topic's context, not primarily decorative. They are often an important illustrative aid to understanding. When possible, find better images and improve captions rather than simply remove poor or inappropriate ones, especially on pages with few visuals. However, not every article needs images, and too many can be distracting.

Images should look like what they are meant to illustrate, whether or not they are provably authentic. For example, a photograph of a trompe-l'œil painting of a cupcake may be an acceptable image for Cupcake, but a real cupcake that has been decorated to look like something else entirely is less appropriate. Similarly, an image of a generic-looking cell under a light microscope might be useful on multiple articles, as long as there are no visible differences between the cell in the image and the typical appearance of the cell being illustrated.

Strive for variety. For example, in an article with numerous images of persons (e.g. Running), seek to depict a variety of ages, genders, and ethnicities. If an article on a general already shows its subject in uniform, two more in-uniform portraits add little interest or information; a map of an important battle, and an image of its aftermath, would be more informative. Resist the temptation to overwhelm an article with images of marginal value simply because many images are available.

Poor-quality images—dark or blurry; showing the subject too small, hidden in clutter, or ambiguous; and so on—should not be used. Think carefully about which images best illustrate the subject matter. For example:

  • An image of a white-tailed eagle is useless if the bird appears as a speck in the sky.
  • Gloria Steinem looks best as a portrait photograph of herself alone, not with other individuals.
  • A suitable picture of a hammerhead shark would show its distinctive hammer-like head, to distinguish it from other species of shark.
  • A map of Moldova should show its frontiers with Romania and Ukraine, so people may know where the country is located in relation to its neighbors.
  • Rice is best represented with an image of plain rice, not fried rice.
  • Intangible concepts can be illustrated; for example, a cat with its claws out portrays aggression.

Avoid entering textual information as images

Do not use images to express textual information in place of real text. See Avoid entering textual information as images for more information.

Scale references

An image sometimes includes a familiar object to communicate scale. Such fiducial markers should be as culturally universal and standardized as possible: rulers, matches, batteries, playing cards, pens/pencils, CDs/DVDs, soda cans, footballs (soccer balls), people, vehicles, and famous structures such as the Eiffel Tower are good choices, but many others are possible. Such objects as coins, banknotes, and sheets of paper are less satisfactory because they are specific to given locales, but may be better than none at all since at least the general scale is still communicated.

Quantitative data, if available, should still be given in the caption or the article.

Image Aesthetics

When selecting or uploading images for UniWiki articles, it is essential to pay attention to the aesthetic cohesion of the content with the UniWiki's dark black background. White or overly bright images may appear stark and disrupt the visual harmony of the page. To address this, contributors are encouraged to use dark-themed images whenever suitable. This practice not only enhances the overall look and feel of the articles but also ensures that images seamlessly blend into the UniWiki's design, providing a more pleasing and cohesive user experience. Additionally, contributors may adjust image opacity or use appropriate image editing techniques to further align images with the UniWiki's visual theme.

Offensive images

See also: Wikipedia:Offensive material

The UniWiki is not censored: its mission is to present information, including information which some may find offensive. However, a potentially offensive image—one that would be considered vulgar or obscene by typical UniWiki readers—should be included only if it is treated in an encyclopedic manner i.e. only if its omission would cause the article to be less informative, relevant, or accurate, and no equally suitable alternative is available. Controversial images should follow the "principle of least astonishment": images should respect conventional expectations of readers for a given topic as much as is possible without sacrificing the quality of the article. Avoid images that contain irrelevant or extraneous elements that might seem offensive or harassing to readers; for example, photographs taken in a pornographic context would normally be inappropriate for articles about human anatomy.

Images for the lead

It is common for an article's lead or infobox to carry a representative image—such as of a person or place, a book or album cover—to give readers visual confirmation that they've arrived at the right page.

For some topics, selecting the lead image can be difficult. While the UniWiki is not censored, lead images should be selected with care. (See Offensive images, above.) The lead image is perhaps the first thing to catch the reader's eye, so avoid lead images that readers would not expect to see there. Unlike other content beyond the lead, the lead image should be chosen with these considerations in mind.

Advice on selecting a lead image includes:

  • Lead images should be natural and appropriate representations of the topic; they should not only illustrate the topic specifically, but also be the type of image used for similar purposes in high-quality reference works, and therefore what our readers will expect to see. Lead images are not required, and not having a lead image may be the best solution if there is no easy representation of the topic.
  • Lead images should be of least shock value; an alternative image that accurately represents the topic without shock value should always be preferred. For example, using an image of deportees being subjected to selection as the lead image at this version of Holocaust is far preferable to the appropriate images that appear later in the article that show the treatment of the prisoners or corpses from the camps.
  • Sometimes it is impossible to avoid using a lead image with perceived shock value, for example in articles on human genitalia. Editors may assume that readers are aware that such articles may contain such images.

On some mobile platforms an article's first image may be displayed at the top of the article, even if it appears well into the article in the desktop view. When placing images consider whether this phenomenon may mislead or confuse readers using mobile devices.

Life cycles of images

Sometimes an image is removed from articles in favor of an image of higher quality or greater pertinence, or with a friendlier licensing status. However, such superseded images should not be deleted, so that the UniWiki's historical record is preserved; the history of articles becomes confused if disused images and templates are deleted.

How to place an image

See also: Wikipedia:Picture tutorial

Syntax

Basic example:

[[File:Siberian Husky pho.jpg|thumb|alt=A white dog in a harness playfully nuzzles a young boy |A [[Siberian Husky]] used as a pack animal]]

  • File:Siberian Husky pho.jpg The file (image) name must be exact (including capitalization, punctuation and spacing) and must include .jpg, .png or other extension. (Image: and File: work the same.)
  • thumb is required in most cases
  • alt=A white dog in a harness playfully nuzzles a young boy Alt text is meant for those who cannot see the image; unlike the caption, it summarizes the image's appearance.
  • A [[Wikipedia:Siberian Husky|Siberian Husky]] used as a pack animal The caption comes last, and gives the meaning or significance of the image.

See Wikipedia:Extended image syntax for further features and options. If the image does not display after you have carefully checked the syntax, it may have been blacklisted.

Location

Horizontal placement

  • In most cases, images should be right justified on pages, which is the default placement. If an exception to the general rule is warranted, |left can be used:

[[File:Siberian Husky pho.jpg|thumb|left|alt=A white dog in a harness playfully nuzzles a young boy |A [[Siberian Husky]] used as a pack animal]]

  • Multiple images can be staggered right and left. However, avoid sandwiching text between two images that face each other; or between an image and infobox, navigation template, or similar.
  • In a few web browsers, bulleted lists do not format properly adjacent to left-aligned images; thus it may be preferable to avoid placing a left-aligned image near lists.
  • It is often preferable to place images of people so that they "look" toward the text. (Do not achieve this by reversing the image, which creates a false presentation e.g. by reversing the location of scars or other features.)

Vertical placement

An image should generally be placed in the most relevant article section; if this is not possible, try not to place an image "too early" i.e. far ahead of the point in the text discussing what the image illustrates, if this will puzzle the reader. An image causes a paragraph break (i.e. the current paragraph ends and a new one begins) so it is not possible to place an image within a paragraph. (This applies to thumb images; small inline images are an exception (See Inline images, below).)

References from article text

Avoid referring to images as being to the left/right, or above/below, because image placement varies with platform (especially mobile platforms) and screen size, and is meaningless to people using screen readers; instead, use captions to identify images.

Size

See also: Wikipedia:Displayed image size
  • An image's size is controlled by changing its width - after which software automatically adjusts height in proportion. (Most references to an image's "size" really mean its width.)
  • Each user has a "base" width, which applies to |thumb and |frameless images; for unregistered users (the vast majority of readers) this is always 220 pixels; for registered (logged-in) users, the base width is 220px when the user's account is created, but can be changed via Preferences. (The two Siberian Husky images above are displayed at whatever your base width is.)
  • Only where a smaller or larger image is appropriate, use upright|scaling factor, which expands or contracts the image by a factor relative to the user's base width.
    • For example:
      • upright=1.3 might be used for an image with fine detail (e.g. a map or diagram) to render it "30% larger than this user generally wants". (For a reader with the usual base width setting of 220px, this is 285px.)
      • upright=0.60 might be used for an image with little detail (e.g. a simple drawing or flag) which can be adequately displayed "40% smaller than this user generally wants". (For a reader with the usual base width setting of 220px, this is 130px.)
    • "Landscape" images (short and wide) often call for upright of 1 or greater; "portrait" images (tall and narrow) may look best with upright of 1 or less.
    • When specifying upright= values greater than 1, take care to balance the need to reveal detail against the danger of overwhelming surrounding article text.
      • Images in which a small region of detail is important (but cropping to that region is unacceptable) may need to be larger than normal, but upright=1.8 should usually be the largest value for images floated beside text.
      • Lead images should usually use upright=1.35 at most.
    • Images within an article, especially those on the same side and vertically proximate to one another, may be more appealing if presented at the same width.
    • Warning: upright alone, with no =scaling factor (e.g. [[File:Dog.jpg|thumb|upright|A big dog]]) is equivalent to upright=0.75.
  • Where absolutely necessary, a fixed width in pixels (e.g. 17px) may be specified. This, however, ignores the user's base width setting, so upright=scaling factor is preferred whenever possible. As a general rule, images should not be set to a larger fixed width than 220px (the initial base width), and if an exception to this general rule is warranted, the resulting image should usually be no more than 400px wide (300px for lead images) and 500px tall, for comfortable display on the smallest devices "in common use" (though this may still cause viewing difficulties on some unusual displays).
  • To present images larger than the guidelines above (e.g. panoramas), use thumb|center or thumb|none, so that the image stands alone.
Corresponding values for px versus upright
for a user with the usual base width setting of 220px
110px upright=0.5 160px upright=0.73 210px upright=0.95 310px upright=1.4
120px upright=0.55 170px upright=0.75 220px upright=1 330px upright=1.5
130px upright=0.6 180px upright=0.8 240px upright=1.1 350px upright=1.6
140px upright=0.65 190px upright=0.85 260px upright=1.2 370px upright=1.7
150px upright=0.7 200px upright=0.9 290px upright=1.3 400px upright=1.8

Inline images

See also: Wikipedia:Visual file markup
  • Substituting frameless for thumb produces an "inline" image.
  • A one-pixel border may be added via |border.
  • Inline images do not have captions
  • Note the syntax x20px: whereas 20px specifies a 20-pixel width, x20px specifies a 20-pixel height. Heights between x18px and x22px will usually match surrounding text well. (upright is not usually used with inline images.)

Making images available

For further information, see: Wikipedia:Extended image syntax as well as Wikipedia:Uploading images

Images uploaded to the UniWiki are automatically placed into the file namespace, formerly known as the image namespace. This means that names of image pages start with the prefix "File:". All images used on the UniWiki must be uploaded to the UniWiki itself; the inline linking of images from other websites is disabled to prevent abuse, link rot, and copyright violations.

Obtaining images

All images should comply with Wikipedia's image use policy: in general, they must be free for reuse, including commercial use and use after alteration, though some "fair use" of non-free content is allowed in limited circumstances—see Wikipedia:Non-free content.

Finding images already uploaded

Search for existing files through:

  • Special:Search — Use the "Multimedia" setting to search for images and other files uploaded to the English Wikipedia by keyword or title. Most fair-use images are located here.

Making images yourself

For further information, see: Wikipedia:Picture tutorial and Wikipedia:Graphics tutorials

You may upload photographs, drawings, or other graphics created with a camera, scanner, graphics software, and so on. When photographing or scanning potentially copyrighted works, or creating depictions of persons other than yourself, be sure to respect copyright and privacy restrictions.

In order to maximize images' usefulness in all languages, avoid including text within them.

Finding images on the Internet

For further information, see: Wikipedia:Finding images tutorial

An extensive list of free image resources by topic can be found at: Public domain image resources. Several other useful, general purpose image search engines include: Google Image Search, Picsearch and Pixsta. Creative Commons licensed images with Attribution and Attribution-ShareAlike as their license may be used on the UniWiki. Images with any license restricting commercial use or the creation of derivative works may not be used on Wikipedia.

The Creative Commons site has a search page that can be used as a starting point to find suitably licensed images; make sure you check both the checkboxes "use for commercial purposes" and "modify, adapt, or build upon".

Editing images

An image's utility or quality may be improved by cropping (to focus on the relevant portion), cleaning up scanning artifacts, correcting color balance, removing red-eye effect, or other adjustments.

The caption of an image should mention such edits (e.g. introduction of false color or pseudocolor) if a reader needs to know about them to properly interpret the image.

Edits that improve the presentation without materially altering the content need not be mentioned in the caption e.g. rotation to correct a slightly crooked image, improvement to the contrast of a scan, or blurring a background to make the main subject more prominent. (However, all changes to images taken from outside sources should be noted on the image's description page. For images created by editors themselves, changes which could have been part of the image's original composition—such as rotation or minor cropping—need not be mentioned on the description page.)

Images should not be changed in ways that materially mislead the viewer. For example, images showing artworks, faces, identifiable places or buildings, or text should not be reversed (although those showing soap bubbles or bacteria might be). Do not change color integral to the subject, such as in images of animals. It is usually appropriate to de-speckle or remove scratches from images, though that might be inappropriate for historical photographs.

For assistance in editing images, try Wikipedia:Graphics Lab.

Uploading images

For further information, see: Wikipedia:Uploading images, and Wikipedia:File names

All users can upload media to the UniWiki. For preferred file formats, see: Wikipedia:Preparing images for upload.

Image description pages

Further information: Wikipedia:Categorization#Files/images

Each image has a corresponding description page, which documents the image's source, author and copyright status; descriptive (who, what, when, where, why) information; and technical (equipment, software, etc.) data useful to readers and later editors.

To maximize the utility and educational value of an image, please describe its contents as fully as possible on the image's description page. For example, photographs of artwork benefit from documentation of the artist, title, location, dates, museum identification numbers, and so on. Images that are described only in vague terms (for example, "a cuneiform tablet" or "a medieval manuscript") are often less useful for Wikipedia and less informative to our readers.

Reliable sources, if any, may be listed on the image's description page. Generally, Wikipedia assumes in good faith that image creators are correctly identifying the contents of photographs they have taken. If such sources are available, it is helpful to provide them. This is particularly important for technical drawings, as someone may want to verify that the image is accurate.

Description pages for images are rediscovered by editors using the search engine and the categories. To help editors find precise images, please remember to document the image description page accordingly. Well-categorized and well-described images are more likely to be used.

Consideration of image download size

Images can greatly increase the bandwidth cost of viewing an article - a consideration for readers on slow or expensive connections. Articles carry reduced-size thumbnails instead of full images (which the user can view by "clicking through" the thumbnail) but in some file types a thumbnail's reduced dimensions doesn't translate into a concomitant reduction in file size. (In most browsers you can see a thumbnail's size by right-clicking for its "Properties".)

If one image's file size is disproportionate to those of others in the same article, you may want to reduce it by selecting a different file format:

  • GIF images with a frame size larger than 12.5 million pixels (measured as pixel height × pixel width × number of frames in the animation) cannot currently be displayed in thumbnail form in Wikipedia articles. A thumbnail of a GIF image can be considerably larger in kilobytes than the original image file.
  • Animated GIF images have a few additional restrictions. Images larger than 12.5 million pixels (measured as pixel height × pixel width × number of frames in the animation) currently will only show the first frame of the animation in a thumbnail. When not using a GIF animation at its original frame size, consider creating an Ogg Theora movie of the animation.
  • The PNG format is useful for storing graphics that contain text, line art, or other images with sharp transitions. It can achieve the same graphical results as a GIF file, and in many cases do so with a higher rate of file compression. For this reason, PNG format files are usually preferred to the GIF format. (However, for certain types of images, PNG thumbnailing is not as efficient as GIF thumbnailing, when Wikimedia GIF thumbnailing is enabled.) For images with substantial editing, or for which further editing may be warranted, uploading a PNG as well as a JPEG is common (PNG is lossless compression, so repeatedly saving edits on a PNG will not result in loss of quality.)
  • A JPEG or other compressed image format can be much smaller than a comparable GIF or PNG format file. When there is no apparent difference in quality, such as with a photograph that has no sharp graphical transitions, a compressed image format such as JPEG may be preferable for reasons of download performance. Wikipedia is often able to achieve much better compression of JPEG photograph thumbnails than comparable PNG images, and with little perceptible loss of quality. Repeatedly loading and resaving an image as JPEG will result in loss of quality, however, as will using low settings for the JPEG; as such, if you've made edits, it can be helpful to save a PNG or TIFF copy before closing the image editor and upload that as well; this copy can then be used to generate a new JPEG after further editing.
  • Where an image consists solely of line art, charts text and simple graphics, an SVG file can be significantly smaller than other graphics formats. This is because the data is encoded as a series of drawing commands, rather than as raster graphics. There are open source applications available for rendering graphics in SVG format. However, SVG thumbnails are rendered as PNGs.
  • Rather than including an image gallery on an article, which could add significantly to the download size, consider creating a gallery/category on the Wikimedia Commons instead.

See also