Editing User talk:Supermariofan67/Sandbox2

From the Super Mario Wiki, the Mario encyclopedia
Jump to navigationJump to search
You are not logged in. Your IP address will be publicly visible if you make any edits. If you log in or create an account, your edits will be attributed to your username, along with other benefits.

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
*TODO: add <code>jpegoptim</code> instructions, find more optimization utilities.
---Begin Actual Page---
===What is Image Optimization?===
'''Image optimization''' is a process by which images are processed to shrink their file size. By using a '''{{wp|lossless}}''' method of optimization, images can be compressed without compromising quality by removing unecessary metadata and (for images that are already lossless, such as PNGs) recompressing them with a more efficient algorithm. Compressing images before uploading them is beneficial because it can (often substantially) reduce load time for users on slow internet connections, potentially reduce server load, and sometimes reduce very large images below 10MB to allow them to be uploaded. We usually focus on optimization in the context of PNG images in particular, but it is possible to optimize other types of images. If possible, it is recommended to losslessly optimize images before uploading them. However, it is discouraged by [[MarioWiki:Image Use Policy|Image Use Policy]] to reupload existing images for the sole purpose of optimizing them if no other changes are made.
While most of the metadata removed by optimization is unnecessary and safe to remove, a few images contain metadata that determines how browsers display the colors in the images (see below for details). Images that were originally exported from the Adobe suite or other specialized software (usually 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, since MarioWiki policy in most cases requires preserving the content of images as provided by the source. Therefore, if optimization produces a discernible difference in color as a result of removing this metadata, the optimized image should not be uploaded. If you want to optimize images with color-correction metadata, care must be taken to ensure this data is preserved. [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, see below for instructions. If you are unsure how this works, do not optimize images with this type of metadata.
====How/why====
*For PNGs, images are re-encoded with a slower, but more space-efficient compression process. Lossless compression algorithms tend to decrease in speed as level of compression increases. Usually, typical png encoding libraries such as <code>{{wp|libpng}}</code> favor creating files with reasonable speed over creating absolutely ideal file sizes. As a result, programs that export images, such as Dolphin, Photoshop, or GIMP, can export PNGs within only a few seconds even for large images, but with larger file sizes than ideal. Compressors re-encode the PNGs with a ''very'' slow, but more space-efficient algorithm.
*Images are often saved with unnecessary metadata, such as Exif chunks with details about camera specifications. Since this information is usually not critical to displaying the image, optimizers can remove this data.
===List of Image Optimization utilities===
Unfortunately, many of the existing GUI image optimization utilities, with the exception of ImageOptim, are very outdated. The tools either don't offer functionality to preserve color-changing metadata or don't offer <code>zopflipng</code>, the newest and most efficient optimization backend for PNGs. Tools that don't allow for preservation of color metadata are unsuitable for use on images that contain this data.
{|border=1 cellspacing=0 cellpadding=3 style="border-collapse:collapse"
!Tool
!OSes supported
!Formats supported
!Can preserve color metadata
!Supports zopflipng
|-
|[[User:Wildgoosespeeder/PNG Monstrous|PNG Monstrous]]
|Windows*
|PNG
|[[File:X mark.svg|25px]]
|[[File:Check mark.svg|25px]]
|-
|[https://imageoptim.com ImageOptim]
|macOS
|PNG, JPG, GIF, SVG
|[[File:Check mark.svg|25px]]
|[[File:Check mark.svg|25px]]
|-
|[https://trimage.org/ Trimage]
|Linux
|PNG, JPG
|[[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
|PNG
|[[File:Check mark.svg|25px]]
|[[File:Check mark.svg|25px]]
|}
<nowiki>*</nowiki> runs on macOS/Linux with [https://www.winehq.org/ WINE]
===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.
===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>
{{br}}
===trig gives suggestions===
I would suggest the writing of a paragraph or three for people like me that don't really know much into the technical aspect of it that broadly explains; That there's a thing called metadata and this one type of it changes color. The policy is that we do not change the colors from the source. If you are unuse of how to fix it, don't. Re-affirm that images shouldn't be re-optimized for the sake of optimizing them (per IUP), but if one is being re-uploaded because the source image is better or something then it should be optimized beforehand.
{{br}}
As of now, the design for the box has not changed [[User_talk:Supermariofan67#Continued_discussion_on_gamma-image/color_corrected|from this]], but the template will be titled <nowiki>{{color-corrected}}</nowiki>, a cateogry of Category:Color Corrected, and a page titled similarly. [[User:Trig Jegman|Trig]] - 16:13, February 22, 2020 (EST)


==Pre-release image==
==Pre-release image==
Line 18: Line 104:
|''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 118:
</div>
</div>


==''[[New Super Mario Bros. 2]]''==
==Gallery Sorting==
<gallery showfilename=1>
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:
File:2DS_NSM2DL_Bundle_Box_Japanese.jpg
* -
File:3DSLL_NSM2DL_Bundle_Box_Japanese.jpg
* -
File:Bluecoins-NSMB2.png
File:BowserBandGlitch.png
File:Dry_Bowser_NSMB2.png
File:EnemiesInBlocks.jpg
File:Fire_MarioNSMB2.jpg
File:GoldBoo_NSMB2.png
File:GoldClassicPack1.png
File:GoldClassicPack2.png
File:GoldClassicPack3.png
File:GoldMario.jpg
File:MarioPipe.jpg
File:New_Super_Mario_Bros_2_Game_Over.jpg
File:NSMB2_Beta_-_DLC_7_Pack.png
File:NSMB2_Brazil_Box_Art.jpg
File:Nsmb2_dlc-1.png
File:Nsmb2_dlc-2.png
File:Nsmb2_dlc-3.png
File:Nsmb2_dlc-4.png
File:Nsmb2_dlc-5.png
File:Nsmb2_dlc-6.png
File:NSMB2_Gold_Lakitu_Cloud.png
File:NSMB2-Puzzle.gif
File:NSMB2-S-23-Rainbow-0718.jpg
File:NSMB2-S-24-Rainbow-0718.jpg
File:NSMB2-S-25-Rainbow-0718.jpg
File:NSMB2-S-27-StreetPass-0718.jpg
File:NSMB2-S-30-Extra_powerup_0724.jpg
File:NSMB2BackAmerica.jpg
File:NSMB2BackEurope.jpg
File:NSMB2BackJapan.jpg
File:NSMB2CoinRush7.png
File:NSMB2CoinRush8.png
File:NSMB2CoinRush9.png
File:NSMB2CoinRush10.png
File:NSMB2Gold_EditionTitleScreen.jpg
File:World2RainbowRedCoins.JPG
File:World_5-Rainbow.jpg
File:World_4-Rainbow.jpg
File:TowerNSMB2.png
File:Skewer_NSMB2.png
File:Scr3.png
File:Raccoon_Mario.jpg
File:Prima_Guide-NSMB2.JPG
</gallery>


==''[[New Super Mario Bros. Wii]]''==
==''[[New Super Mario Bros. Wii]]''==
Line 98: Line 140:
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.png
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 156:
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 203:
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 276:
File:SMG Goomba Screenshot.png
File:SMG Goomba Screenshot.png
Diggaleg.png
Diggaleg.png
StarBits.png
SMG_Nvidia_Bee_Mario.png
SMG_Nvidia_Dino_Piranha.png
SMG_Nvidia_Honeyhive_Wiggler.png
SMG_Nvidia_Kingfin.png
SMG_Nvidia_Melty_Molten_Volcano.png
SMG_Nvidia_Stone_Cyclone.png
SMG_Peach%27s_letter_to_Mario_CN.png
SMG_Luigi_on_the_ground.jpg
SMG_Game_Over.png
SMG_Artwork_Gateway_Galaxy_01.png
SMG_Artwork_Gateway_Galaxy_02.png
SMG_Artwork_Gateway_Galaxy_03.png
SMG_Artwork_Good_Egg_Galaxy_01.png
SMG_Artwork_Good_Egg_Galaxy_02.png
SMG_Artwork_Gusty_Garden_Galaxy_01.png
SMG_Artwork_Gusty_Garden_Galaxy_02.png
SMG_Artwork_Gusty_Garden_Galaxy_03.png
SMG_Artwork_Mario_(Ground_Pound).png
SMG_Artwork_Mario_(Spin).png
SMG_Artwork_Mario_(Swim).png
SMG_Artwork_Mario_(Triple_Jump).png
RockywrenchSMG.png
Lumacomete.png
</gallery>
</gallery>


Line 286: Line 305:
*[[Big Goomba]]
*[[Big Goomba]]
<gallery showfilename=1>
<gallery showfilename=1>
SMG2_Title_JP.png
SMG2_Space_Storm_Slowed_Topmans_Tower.png
SMG2_Space_Storm_Topmans_Tower_Overview.png
SMG2_Screenshot_Slipsand_Galaxy_(Squizzard).png
SMG2_Game_Over.png
SMG2_Bronze_Grand_Star.jpg
SMG2_Banktoad_4.png
MeltyMonsterGS2.png
Electric_Pressure_entry.jpg
Clockwork_Ruins_Galaxy_SMG2_starting_planet.png
Bugaboom_SMG2.png
Bulb_Yoshi_SMG2_photo.png
</gallery>
</gallery>


Line 306: Line 312:
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 321:
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">

Please note that all contributions to the Super Mario Wiki are considered to be released under the Attribution-ShareAlike 3.0 Unported license (see MarioWiki:Copyrights for details). If you don't want your writing to be edited mercilessly and redistributed at will, then don't submit it here. You are also promising us that you wrote this yourself, or copied it from a public domain or similar free resource. Do not submit copyrighted work without permission!

Cancel Editing help (opens in new window)

This page is a member of 1 meta category: