Help:Visual file markup/upright: Difference between revisions

Content deleted Content added
substing
m The Capital U in Upright to lowercase u upright. Changed the correction of the full height to 0.75
Tags: Visual edit Mobile edit Mobile web edit
 
(8 intermediate revisions by 7 users not shown)
Line 1:
Normally a thumbnail has a width of 220 [[pixels]] (px). This width is used by typical readers, who have not logged in or who have not changed their preferences. The "<code>upright</code>" option normally creates an image that is about 75% of the width of the default. The exact width is computed by starting with the default thumbnail width, multiplying it by 0.75, and rounding to the nearest multiple of 10.
 
;== Standard behaviour (upright not specified) ==
The standard behaviour can make a tall, thin picture come out too large. For example:
 
<div style="border:1px solid #A3B1BF; background:#f5faff; padding:1em; margin:0em 1em 1em 0em; float:left; font-size:105%">
: <code><nowiki>[[ImageFile:Amun.svg|thumb|alt=Full-length profile of man in ancient Egyptian clothing. He has red-brown skin and wears a helmet with tall yellow plumes.|The Egyptian god Amun, portrayed before the Amarna period]]</nowiki></code>
----
<spandiv style="color:#996633">{{Lorem ipsum}}</spandiv>[[ImageFile:Amun.svg|thumb|alt=Full-length profile of man in ancient Egyptian clothing. He has red-brown skin and wears a helmet with tall yellow plumes.|The Egyptian god Amun, portrayed before the Amarna period]]<spandiv style="color:#996633">{{Lorem ipsum|4}}</spandiv>
</div>
{{-}}
 
;== Upright images {{Anchor|upright}} ==
The "<code>upright</code>" option can help fix this by informing the Wikipedia layout system that the image should have a narrower width than usual:
 
<div style="border:1px solid #A3B1BF; background:#f5faff; padding:1em; margin:0em 1em 1em 0em; float:left; font-size:105%">
: <code><nowiki>[[ImageFile:Amun.svg|thumb|</nowiki>'''<span style="color:red;Upright">upright</span>'''<nowiki>|alt=Full-length profile of man in ancient Egyptian clothing. He has red-brown skin and wears a helmet with tall yellow plumes.|The Egyptian god Amun, portrayed before the Amarna period]]</nowiki></code>
----
<spandiv style="color:#996633">{{Lorem ipsum}}</spandiv>[[ImageFile:Amun.svg|thumb|upright|alt=Full-length profile of man in ancient Egyptian clothing. He has red-brown skin and wears a helmet with tall yellow plumes.|The Egyptian god Amun, portrayed before the Amarna period]]<spandiv style="color:#996633">{{Lorem ipsum|4}}</spandiv>
</div>
{{-}}
Line 25:
 
<div style="border:1px solid #A3B1BF; background:#f5faff; padding:1em; margin:0em 1em 1em 0em; float:left; font-size:105%">
: <code><nowiki>[[ImageFile:Amun.svg|thumb|</nowiki>'''<spanupright style="color:red;">upright=0.56</span>'''75<nowiki>|alt=Full-length profile of man in ancient Egyptian clothing. He has red-brown skin and wears a helmet with tall yellow plumes.|The Egyptian god Amun, portrayed before the Amarna period]]</nowiki></code>
----
<spandiv style="color:#996633">{{Lorem ipsum}}</spandiv>[[ImageFile:Amun.svg|thumb|upright=0.56|alt=Full-length profile of man in ancient Egyptian clothing. He has red-brown skin and wears a helmet with tall yellow plumes.|The Egyptian god Amun, portrayed before the Amarna period]]<spandiv style="color:#996633">{{Lorem ipsum|3}}</spandiv>
</div>
{{-}}
 
;== Short, wide images ==
Short, wide images sometimes benefit from "<code>upright</code>" factors greater than 1.0. Factors greater than about 2.5 can generate large images that cause problems with some browsers; for one way to handle wider images, see ''[[Help:Visual file markup#Panoramas|Panoramaspanoramas]]'' below. Although many image types, such as [[JPEG]] and [[Portable Network Graphics|PNG]], do not handle enlargement well, [[SVG]] images have no problem with it. For example:
 
<div style="border:1px solid #A3B1BF; background:#f5faff; padding:1em; margin:0em 1em 1em 0em; float:left; font-size:105%">
[[File:Köppen-vereinfacht.svg|thumb|center|alt=Map of the world. A tan band stretches from northern Africa through central China; most of Australia and parts of southern Africa and the western Americas are also tan. Dark greens dominte the northern hemisphere. Lighter greens cover much land near the equator. Polar areas are white, the north fringed with light blue.|(no upright can become:)]]
: <code><nowiki>[[ImageFile:Köppen-vereinfacht.svg|thumb|center|</nowiki>'''<span style="color:red;">upright=2.0</span>'''<nowiki>|alt=Map of the world. A tan band stretches from northern Africa through central China; most of Australia and parts of southsouthern Africa and the western Americas are also tan. Dark greens dominte the northern hemisphere. Lighter greens cover much land near the equator. Polar areas are white, the north fringed with light blue.|Macroclimates of the earth. Tans represent desert, dark greens humid continental, and light green tropical rainforest. Light blue and white represent tundra and ice cap.]]</nowiki></code>
----
<spandiv style="color:#996633">{{Lorem ipsum}}</spandiv>[[ImageFile:Köppen-vereinfacht.svg|thumb|center|upright=2.0|alt=Map of the world. A tan band stretches from northern Africa through central China; most of Australia and parts of southsouthern Africa and the western Americas are also tan. Dark greens dominte the northern hemisphere. Lighter greens cover much land near the equator. Polar areas are white, the north fringed with light blue.|Macroclimates of the earth. Tans represent desert, dark greens humid continental, and light green tropical rainforest. Light blue and white represent tundra and ice cap.]]<spandiv style="color:#996633">{{Lorem ipsum}}</spandiv>
</div>
{{-}}
 
==See also==
*[[Wikipedia:Extended image syntax]]
 
{{Help navigation}}
{{Wikipedia technical help|collapsed}}
[[Category:Wikipedia how-to]]
[[Category:Wikipedia editor help]]
[[Category:Wikipedia image help]]