Editing User talk:Supermariofan67/Sandbox2
From the Super Mario Wiki, the Mario encyclopedia
Jump to navigationJump to search
The edit can be undone. Please check the comparison below to verify that this is what you want to do, and then publish the changes below to finish undoing the edit.
Latest revision | Your text | ||
Line 11: | Line 11: | ||
==Discussion== | ==Discussion== | ||
==Image color-correction documentation== | |||
*'''Suggestion: Use the term "color-correction metadata" rather than "gamma brightening," since gamma is technically only one of several pieces of metadata (ICC profiles seem to be the most common) that affect the color of the image and could be removed by optimizers.''' | |||
*'''Can someone with a Mac verify whether the below procedures work for ImageOptim?''' | |||
*Maybe someday when I have more time I'll build a better utility to implement pngout and zopflipng. It doesn't seem too difficult | |||
*I may write a section explaining what optimization itself is. | |||
---Begin Actual Page--- | |||
===PNG chunks=== | |||
PNGs can contain four ancillary chunks with colorspace information<ref>http://www.libpng.org/pub/png/spec/1.2/PNG-Chunks.html#C.Anc-color</ref>, which may affect the way software displays the colors in an image: | |||
*gAMA - determines color intensity | |||
*cHRM - determines color chromaticity | |||
*sRGB - colorspace rendering intent data (often serves the same purpose as gAMA + cHRM) | |||
*iCCP - colorspace data (often serves the same purpose as gAMA + cHRM) | |||
While most images do not contain this metatdata, when they are present, these chunks should be preserved to ensure that browsers display the image's colors as intended. Images that were originally exported from the Adobe suite or other specialized software (such as artwork and press images) seem to be the most likely to contain color-correction metadata, while emulator screenshots likely do not contain such metadata. Most optimizing utilities (such as [[User:Wildgoosespeeder/PNG Monstrous|PNG Monstrous]]) remove this data by default, which can be problematic. | |||
===List of PNG Optimizer utilities=== | |||
{|border=1 cellspacing=0 cellpadding=3 style="border-collapse:collapse" | |||
!Tool | |||
!OSes supported | |||
!Can preserve color metadata | |||
!Supports zopflipng | |||
|- | |||
|[[User:Wildgoosespeeder/PNG Monstrous|PNG Monstrous]] | |||
|Windows* | |||
|[[File:X mark.svg|25px]] | |||
|[[File:Check mark.svg|25px]] | |||
|- | |||
|[https://imageoptim.com ImageOptim] | |||
|macOS | |||
|[[File:Check mark.svg|25px]] | |||
|[[File:Check mark.svg|25px]] | |||
|- | |||
|[https://trimage.org/ Trimage] | |||
|Linux | |||
|[[File:X mark.svg|25px]] | |||
|[[File:X mark.svg|25px]] | |||
|- | |||
|Running <code>pngout</code> or <code>zopflipng</code> from the command line | |||
|Windows, Mac, Linux | |||
|[[File:Check mark.svg|25px]] | |||
|[[File:Check mark.svg|25px]] | |||
|} | |||
<nowiki>*</nowiki> runs on macOS/Linux with [https://www.winehq.org/ WINE] | |||
===How to safely optimize images that contain color-correction metadata=== | |||
It is possible to keep certain metadata, such as the gamma chunk or embedded ICC profiles, while still optimizing the image. [https://imageoptim.com ImageOptim] on macOS should support this option if you disable <code>Strip PNG Metadata</code> and <code>Strip JPG Metadata</code> in Preferences. Otherwise (for Windows and Linux), If you are familiar with the command line and willing to use it, you can do this by manually running the actual PNG optimizer from the command line and passing the appropriate options. For the best compression, run <code>pngout</code> then <code>zopflipng</code>, but running only <code>zopflipng</code> should provide sufficient results in most cases. After optimizing, '''please verify that the colors of the new image remain the same.''' | |||
====Installing the command-line tools==== | |||
*Linux: Install <code>zopfli</code> and <code>pngout</code> with your package manager. | |||
*Windows: | |||
**[http://advsys.net/ken/utils.htm Download pngout for Windows] | |||
**[https://github.com/garyzyg/zopfli-windows/releases Download zopflipng for Windows] | |||
====Zopflipng==== | |||
Example command to preserve important chunks: | |||
<code>zopflipng --keepchunks=iCCP,gAMA,cHRM,sRGB input.png output.png</code> | |||
See [https://github.com/google/zopfli/issues/113 this page] for further explanation. | |||
====pngout==== | |||
Example command to preserve important chunks: | |||
<code>pngout -kiCCP,gAMA,cHRM,sRGB input.png output.png</code> | |||
==Pre-release image== | ==Pre-release image== | ||
Line 18: | Line 83: | ||
|''This low-quality screenshot is being used on a page to represent the content of a game [[pre-release and unused content|prior to its release]], and therefore is not qualified for higher-quality recapture from the released game. It is presumed to be from the highest-quality official source available. Unless a better-quality official (e.g., press kit) source or a frame dump from an official video is found, this image should be considered to be in the best available quality and should not be tagged with {{tem|image-quality}}.'' | |''This low-quality screenshot is being used on a page to represent the content of a game [[pre-release and unused content|prior to its release]], and therefore is not qualified for higher-quality recapture from the released game. It is presumed to be from the highest-quality official source available. Unless a better-quality official (e.g., press kit) source or a frame dump from an official video is found, this image should be considered to be in the best available quality and should not be tagged with {{tem|image-quality}}.'' | ||
|}<!--<noinclude> | |}<!--<noinclude> | ||
[[Category:Image notices]] | [[Category:Image notices|{{PAGENAME}}]] | ||
</noinclude>--> | </noinclude>--> | ||
Line 32: | Line 97: | ||
</div> | </div> | ||
== | ==Gallery Sorting== | ||
I have made a simple Java program/script to automatically sort galleries alphabetically. It is now [https://github.com/tsweet64/mariowiki-editing-scripts on GitHub] if anyone is interested. However, please note that I have not extensively tested it, and if you use it, you should double-check the result to make sure nothing was removed/broken in the gallery. Please tell me about any bugs. Also, feel free to tell me about any gallery sections that need alphabetical sorting below, and I will take care of it: | |||
* - | |||
* - | |||
==''[[New Super Mario Bros. Wii]]''== | ==''[[New Super Mario Bros. Wii]]''== | ||
Line 98: | Line 119: | ||
File:NSMBW Shogakukan.jpg | File:NSMBW Shogakukan.jpg | ||
File:NSMBW Sky Group Art.jpg | File:NSMBW Sky Group Art.jpg | ||
File:NSMBW Traditional Chinese logo. | File:NSMBW Traditional Chinese logo.jpg | ||
File:NSMBW UK Box Art.jpg | File:NSMBW UK Box Art.jpg | ||
File:NSMBW White Background Group Art.jpg | File:NSMBW White Background Group Art.jpg | ||
Line 114: | Line 135: | ||
File:Mario vs Ludwig2.png | File:Mario vs Ludwig2.png | ||
File:Mario vs Wendy.png | File:Mario vs Wendy.png | ||
File:NSMBW Big Dry Bones.png | |||
File:NSMBW Blooper Screenshot.png | File:NSMBW Blooper Screenshot.png | ||
File:NSMBW Blue Toad Penguin Suit Screenshot.png | File:NSMBW Blue Toad Penguin Suit Screenshot.png | ||
Line 160: | Line 182: | ||
File:NSMBW World 9-8 Screenshot.png | File:NSMBW World 9-8 Screenshot.png | ||
File:NSMBW World 9 World Select.png | File:NSMBW World 9 World Select.png | ||
File:NSMBW Yellow ! Switch Screenshot.png | |||
File:Rocketengine.png | File:Rocketengine.png | ||
</gallery> | </gallery> | ||
Line 232: | Line 255: | ||
File:SMG Goomba Screenshot.png | File:SMG Goomba Screenshot.png | ||
Diggaleg.png | Diggaleg.png | ||
</gallery> | </gallery> | ||
Line 286: | Line 284: | ||
*[[Big Goomba]] | *[[Big Goomba]] | ||
<gallery showfilename=1> | <gallery showfilename=1> | ||
</gallery> | </gallery> | ||
Line 306: | Line 291: | ||
Sprixie SM3DW.png | Sprixie SM3DW.png | ||
Super Mario 3D World - Champion's Road.png | Super Mario 3D World - Champion's Road.png | ||
BowserAttack.jpg | |||
SM3DW Credits Boom Boom and Pom Pom.png | SM3DW Credits Boom Boom and Pom Pom.png | ||
Sprixieprincesses3.png | Sprixieprincesses3.png | ||
Line 314: | Line 300: | ||
StampCollection-SM3DW.jpg | StampCollection-SM3DW.jpg | ||
</gallery> | </gallery> | ||
==''Yoshi's Woolly World''== | ==''Yoshi's Woolly World''== | ||
<div class="mw-collapsible mw-collapsed"> | <div class="mw-collapsible mw-collapsed"> |