UniWiki:Manual of Style/Images: Difference between revisions

Line 84:

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

*~~{{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:

***<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 98:

Line 97:

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

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

*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 (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 <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;"

@@ Line 84: / Line 84: @@
 ===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.)
-*{{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:
 ***<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 98: / Line 97: @@
 ***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.
-**''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;"