Mikk38024@legacy41558003 (talk | contribs) (seealso GIF) |
mNo edit summary |
||
| (9 intermediate revisions by 7 users not shown) | |||
| Line 1: | Line 1: | ||
| − | '''PNG''', Portable Network Graphics is a standard for lossless bitmaps supported by all modern browsers. Among its more notable features is support for ''alpha channels'', i.e. partial transparency, which allows images to be anti-aliased (have smooth edges) and display properly regardless of the background color. |
+ | '''PNG''', '''Portable Network Graphics''', is a standard for lossless bitmaps supported by all modern browsers. Among its more notable features is support for ''alpha channels'', i.e. partial transparency, which allows images to be anti-aliased (have smooth edges) and display properly regardless of the background color. |
| − | The only real problem with PNG images is that Internet Explorer prior to version 7 does not scale transparency to the web page background, but rather scaled towards the "background color" element that some image editing software can store in the image file. Most image editors pick a default color, often bright. One image editor that can select the background color to be used is [[ |
+ | The only real problem with PNG images is that Internet Explorer prior to version 7 does not scale transparency to the web page background, but rather scaled towards the "background color" element that some image editing software can store in the image file. Most image editors pick a default color, often bright. One image editor that can select the background color to be used is [[GIMP]]. |
| + | {| cellspacing=20 cellpadding=3 style="background-color:transparent; text-align:center;" |
||
| − | {{AlsoSee|[[The GIMP]], [[JPG]], [[GIF]], [[WoWWiki:Image guidelines]]}} |
||
| + | |- |
||
| + | |style="background:#333333; padding: 20px;"|[[image:icon-warning-48x48.png]] |
||
| + | |style="background:#ffffff; padding: 20px;"|[[image:icon-warning-48x48.png]] |
||
| + | |- |
||
| + | |dark gray background<br />(Default skin) |
||
| + | |white background<br />(Monobook skin) |
||
| + | |} |
||
| + | Notice how the outlines of both icons are nicely shaded (anti-aliased) regardless of the background color. |
||
| − | [[Category:Glossary]] |
||
| + | |||
| + | :{{icon-information}}If you are viewing this with '''Internet Explorer prior to version 7''', you will see a '''dark gray box''' around the icon with the white background. This is because prior to version 7, Internet Explorer does not fully support PNG transparency; it will shade toward the "background color" element of the image. This icon has #333333 (dark gray) set as its background color to work well with the default skin, which all unregistered visitors use. |
||
| + | ==See also== |
||
| + | *[[GIMP]] |
||
| + | *[[JPG]] |
||
| + | *[[GIF]] |
||
| + | *[[WoWWiki:Image guidelines]] |
||
| + | |||
| + | [[Category:Guidelines|{{PAGENAME}}]] |
||
| + | [[Category:WoWWiki|{{PAGENAME}}]] |
||
Revision as of 14:28, 13 February 2010
PNG, Portable Network Graphics, is a standard for lossless bitmaps supported by all modern browsers. Among its more notable features is support for alpha channels, i.e. partial transparency, which allows images to be anti-aliased (have smooth edges) and display properly regardless of the background color.
The only real problem with PNG images is that Internet Explorer prior to version 7 does not scale transparency to the web page background, but rather scaled towards the "background color" element that some image editing software can store in the image file. Most image editors pick a default color, often bright. One image editor that can select the background color to be used is GIMP.
|
|
| dark gray background (Default skin) |
white background (Monobook skin) |
Notice how the outlines of both icons are nicely shaded (anti-aliased) regardless of the background color.
If you are viewing this with Internet Explorer prior to version 7, you will see a dark gray box around the icon with the white background. This is because prior to version 7, Internet Explorer does not fully support PNG transparency; it will shade toward the "background color" element of the image. This icon has #333333 (dark gray) set as its background color to work well with the default skin, which all unregistered visitors use.