<?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>Gracepoint After Five &#187; photoshop</title>
	<atom:link href="http://www.gracepointafterfive.com/tag/photoshop/feed" rel="self" type="application/rss+xml" />
	<link>http://www.gracepointafterfive.com</link>
	<description>A design blog by those of us with day jobs</description>
	<lastBuildDate>Thu, 22 Jul 2010 17:17:39 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.0</generator>
<xhtml:meta xmlns:xhtml="http://www.w3.org/1999/xhtml" name="robots" content="noindex" />
		<item>
		<title>Dirty Transparency in PNG Optimization</title>
		<link>http://www.gracepointafterfive.com/dirty-transparency</link>
		<comments>http://www.gracepointafterfive.com/dirty-transparency#comments</comments>
		<pubDate>Wed, 15 Jul 2009 19:55:58 +0000</pubDate>
		<dc:creator>conrad</dc:creator>
				<category><![CDATA[Design]]></category>
		<category><![CDATA[optimization]]></category>
		<category><![CDATA[photoshop]]></category>
		<category><![CDATA[png]]></category>

		<guid isPermaLink="false">http://www.gracepointafterfive.com/?p=82</guid>
		<description><![CDATA[Smashing Magazine has a great article on PNG Optimization techniques.  The dirty transparency technique is awesome, and I started running tests on our internal assets at Ask.com and Gracepoint Berkeley, and we&#8217;re seeing some significant savings.  Just when I thought PNG compression was all there was to it, Sergey Chikuyonok (the author of the article), [...]]]></description>
			<content:encoded><![CDATA[<p><span class="drop">S</span>mashing Magazine has a great article on <a href="http://www.smashingmagazine.com/2009/07/15/clever-png-optimization-techniques/">PNG Optimization techniques</a>.  The dirty transparency technique is awesome, and I started running tests on our internal assets at Ask.com and Gracepoint Berkeley, and we&#8217;re seeing some significant savings.  Just when I thought PNG compression was all there was to it, Sergey Chikuyonok (the author of the article), blows us away with some really innovative optimization techniques.</p>
<p>To make dirty transparency easier, I created a Photoshop Action that you can use to run on your PNGs.  Make sure to run it on single-layer PNGs that have already been saved off via Photoshop&#8217;s Save for Web.  Don&#8217;t try to run it on your multi-layer PSD file as the script is looking for a layer called &#8220;Layer 0&#8243;.</p>
<p>Download: <a href="http://www.gracepointafterfive.com/wp-content/uploads/2009/07/Gracepoint-After-Five.atn">Dirty Transparency Photoshop Action</a> (1KB)</p>
<p>I also like his usage of posterization as a way of reducing colors.  At Ask.com, I developed a similar technique except using Photoshop&#8217;s color-indexing algorithms (perceptual, adaptive, etc) which I think offers the compressibility of posterization but does a better job at maintaining smoother gradients/detail.   Posterization&#8217;s diffusion characteristics are a little rough for my taste.  One of these days, I&#8217;ll post a tutorial on how we do this technique, which isn&#8217;t terribly innovative imho, but I haven&#8217;t seen anyone talking about it so it&#8217;ll be worth writing up at some point.</p>
<p>Meanwhile, be sure to check out <a href="http://www.gracepointafterfive.com/punypng-making-the-web-a-more-puny-place">punypng</a>, as simply the best way to optimize your PNGs on the net.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.gracepointafterfive.com/dirty-transparency/feed</wfw:commentRss>
		<slash:comments>10</slash:comments>
		</item>
	</channel>
</rss>
