<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Senbonzakura Kageyoshi &#187; File Format/Saving</title>
	<atom:link href="http://senbonzakura.kageyoshi.net/category/file-formatsaving/feed/" rel="self" type="application/rss+xml" />
	<link>http://senbonzakura.kageyoshi.net</link>
	<description>Guides and Tutorials for Cleaning Manga</description>
	<lastBuildDate>Wed, 16 Sep 2009 03:30:27 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.0</generator>
		<item>
		<title>Saving as a PNG</title>
		<link>http://senbonzakura.kageyoshi.net/2008/04/03/saving-as-a-png/</link>
		<comments>http://senbonzakura.kageyoshi.net/2008/04/03/saving-as-a-png/#comments</comments>
		<pubDate>Thu, 03 Apr 2008 21:10:35 +0000</pubDate>
		<dc:creator>chiresakura</dc:creator>
				<category><![CDATA[Advanced]]></category>
		<category><![CDATA[File Format/Saving]]></category>

		<guid isPermaLink="false">http://senbonzakura.kageyoshi.net/?p=202</guid>
		<description><![CDATA[I&#8217;ve been cruising around looking for new series lately, and I always choke when I go to download a volume and the zip is something like 100 MB. Are you serious?! We&#8217;re talking about grayscale images here! Most likely, these files were saved using the regular &#8220;Save as&#8221; selection from the File menu. For those [...]]]></description>
			<content:encoded><![CDATA[<p>I&#8217;ve been cruising around looking for new series lately, and I always choke when I go to download a volume and the zip is something like 100 MB. Are you serious?! We&#8217;re talking about grayscale images here! Most likely, these files were saved using the regular &#8220;Save as&#8221; selection from the File menu.</p>
<p>For those looking to make things more convenient for their readers without sacrificing quality, we&#8217;re going to check out the option in the File menu called <span style="text-decoration: underline;">&#8220;Save for Web.&#8221;</span></p>
<p><img class="alignnone size-full wp-image-203" title="picture-10" src="http://senbonzakura.kageyoshi.net/wp-content/uploads/2008/04/picture-10.png" alt="" width="264" height="415" /></p>
<p>After you choose Save for Web, a new window will pop up. Look for the tab labeled &#8220;2-Up&#8221; and click on it. That will let you view the original version of your page and the about-to-be-saved version side by side.</p>
<p><img class="alignnone size-full wp-image-204" title="picture-11" src="http://senbonzakura.kageyoshi.net/wp-content/uploads/2008/04/picture-11.png" alt="" width="236" height="73" /></p>
<p><a class="spoiler_link_show" href="javascript:void(0)" onclick="wpSpoilerToggle(document.getElementById('id536282851'), this, 'show', 'hide')">show</a></p>
<div class="spoiler_div" id="id536282851" style="display:none">
<p><img class="alignnone size-full wp-image-206" title="picture-13" src="http://senbonzakura.kageyoshi.net/wp-content/uploads/2008/04/picture-13.png" alt="" width="500" height="655" /></p>
</div>
<p>For the settings, choose the drop down menu and look for PNG-8. For me, it says PNG-8 128 Dithered, but <strong>the important part is that it says PNG-8</strong>.</p>
<p><a class="spoiler_link_show" href="javascript:void(0)" onclick="wpSpoilerToggle(document.getElementById('id1653952626'), this, 'show', 'hide')">show</a></p>
<div class="spoiler_div" id="id1653952626" style="display:none">
<p><img class="alignnone size-full wp-image-207" title="picture-14" src="http://senbonzakura.kageyoshi.net/wp-content/uploads/2008/04/picture-14.png" alt="" width="226" height="384" /></p>
</div>
<p>Ok, now look for the box where it says &#8220;Diffusion&#8221; and open the drop down menu. Choose &#8220;No Dither.&#8221;</p>
<p><span style="text-decoration: underline;"><em>Now what we&#8217;re about to do is choose how many shades of gray we use in our image. </em>See the input box for Colors? Right now it&#8217;s set to 128. We&#8217;re going to decrease that and by doing so, we make our file smaller. </span></p>
<p>For something like Bleach, Naruto, and most shonen series, you can get away with 24 shades of gray. It might sound small, but it&#8217;s not. Using the 2-Up window, go ahead and zoom in on your page and examine the gray areas. If you&#8217;re not satisfied, increase the number of grays.</p>
<p><a class="spoiler_link_show" href="javascript:void(0)" onclick="wpSpoilerToggle(document.getElementById('id225014207'), this, 'show', 'hide')">show</a></p>
<div class="spoiler_div" id="id225014207" style="display:none">
<p><img class="alignnone size-full wp-image-208" title="picture-15" src="http://senbonzakura.kageyoshi.net/wp-content/uploads/2008/04/picture-15.png" alt="" width="232" height="221" /></p>
</div>
<p>Here are two versions of the same page: one is saved with the &#8220;Save as&#8221; option and one is saved with the &#8220;Save for Web&#8221; option set to 24 Colors like above. Can you tell the difference?</p>
<p><a class="spoiler_link_show" href="javascript:void(0)" onclick="wpSpoilerToggle(document.getElementById('id639443282'), this, 'show', 'hide')">show</a></p>
<div class="spoiler_div" id="id639443282" style="display:none">
<p><img class="alignnone size-full wp-image-213" title="bleach_313_pg15_png24" src="http://senbonzakura.kageyoshi.net/wp-content/uploads/2008/04/bleach_313_pg15_png24.png" alt="" width="500" height="731" /></p>
<p><img class="alignnone size-full wp-image-214" title="bleach_313_pg15_forweb" src="http://senbonzakura.kageyoshi.net/wp-content/uploads/2008/04/bleach_313_pg15_forweb.png" alt="" width="500" height="731" /></p>
</div>
<p>The first file is 568 KB. The second file is 200 KB. I&#8217;ll do the math for you: If a volume is 200 pages, <strong>a regular Save as volume will be 113.6 MB. A Save for Web volume will be 40 MB. </strong>That&#8217;s a huge difference!</p>
<p>As I said before, the number of Colors to select from the Save for Web settings depends on the series and how many gray tones there are. For most shoujo, you can get away with 32 colors. Keep an eye on the 2-Up windows, however, and <span style="text-decoration: underline;">zoom in if you need to</span>. It will be obvious when you need to add more colors:</p>
<p><a class="spoiler_link_show" href="javascript:void(0)" onclick="wpSpoilerToggle(document.getElementById('id83874198'), this, 'show', 'hide')">show</a></p>
<div class="spoiler_div" id="id83874198" style="display:none">
<p><img class="alignnone size-full wp-image-211" title="picture-16" src="http://senbonzakura.kageyoshi.net/wp-content/uploads/2008/04/picture-16.png" alt="" width="500" height="220" /></p>
</div>
<p>Doubled to 60 colors, this gradient is smoothed out like in the original psd.</p>
<p><a class="spoiler_link_show" href="javascript:void(0)" onclick="wpSpoilerToggle(document.getElementById('id1486323784'), this, 'show', 'hide')">show</a></p>
<div class="spoiler_div" id="id1486323784" style="display:none">
<p><a href="http://senbonzakura.kageyoshi.net/wp-content/uploads/2008/04/picture-17.png"><img class="alignnone size-full wp-image-212" title="picture-17" src="http://senbonzakura.kageyoshi.net/wp-content/uploads/2008/04/picture-17.png" alt="" width="500" height="213" /></a></p>
</div>
<p>Even taking the number of Colors to 60 doesn&#8217;t greatly increase the file size. The Bleach page above with 60 colors is still only 256 KB &#8211; still much less than 568 KB.</p>
<p><strong>My suggestion is to take 5 minutes of your time and just play with the settings for the series you are working on.</strong></p>
<ul>
<li>Use &#8220;Save for Web&#8221; to save your pages for release</li>
<li>Choose PNG-8 (not PNG-24)</li>
<li>Choose No Dither</li>
<li>Reduce the number of Colors to 24 (or whatever you decide)</li>
<li>Compare the save to the original using the 2-Up tab</li>
<li>Adjust the number of Colors if needed (keep an eye on gradients)</li>
<li>Save</li>
</ul>
]]></content:encoded>
			<wfw:commentRss>http://senbonzakura.kageyoshi.net/2008/04/03/saving-as-a-png/feed/</wfw:commentRss>
		<slash:comments>11</slash:comments>
		</item>
	</channel>
</rss>
