<?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>tansparent &#8211; stoimen&#039;s web log</title>
	<atom:link href="/tag/tansparent/feed/" rel="self" type="application/rss+xml" />
	<link></link>
	<description>on web development</description>
	<lastBuildDate>Tue, 13 Feb 2018 08:18:15 +0000</lastBuildDate>
	<language>en-US</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>https://wordpress.org/?v=5.0.3</generator>
	<item>
		<title>Semi Transparent PNG8 with no Fireworks</title>
		<link>/2009/06/18/semi-transparent-png8-with-no-fireworks/</link>
		<comments>/2009/06/18/semi-transparent-png8-with-no-fireworks/#comments</comments>
		<pubDate>Thu, 18 Jun 2009 06:41:59 +0000</pubDate>
		<dc:creator><![CDATA[Stoimen]]></dc:creator>
				<category><![CDATA[micro tutorial]]></category>
		<category><![CDATA[web development]]></category>
		<category><![CDATA[fireworks]]></category>
		<category><![CDATA[png8]]></category>
		<category><![CDATA[pngquant]]></category>
		<category><![CDATA[semi-transparent]]></category>
		<category><![CDATA[tansparent]]></category>
		<category><![CDATA[tutorial]]></category>

		<guid isPermaLink="false">/?p=611</guid>
		<description><![CDATA[PNG8 vs other image formats PNG8 is a rising winner in all the battles between the web formats. It has smaller size than GIF and PNG24, it has alpha channel, and the really big advantage is the semi transparency, which unfortunately degrade in IE6 to a GIF-like full transparency. So there are few very important &#8230; <a href="/2009/06/18/semi-transparent-png8-with-no-fireworks/" class="more-link">Continue reading <span class="screen-reader-text">Semi Transparent PNG8 with no Fireworks</span> <span class="meta-nav">&#8594;</span></a><div class='yarpp-related-rss'>

Related posts:<ol>
<li><a href="/2009/04/07/optimize-your-images-improve-the-performance/" rel="bookmark" title="Optimize your images &#8211; improve the performance">Optimize your images &#8211; improve the performance </a></li>
<li><a href="/2009/02/23/object-and-embed-tags-revealed/" rel="bookmark" title="object and embed tags revealed">object and embed tags revealed </a></li>
<li><a href="/2009/03/04/flex-3-custom-preloader-download/" rel="bookmark" title="Flex 3 Custom Preloader Download">Flex 3 Custom Preloader Download </a></li>
<li><a href="/2009/03/01/flex-3-custom-datechooser-2/" rel="bookmark" title="Flex 3 Custom DateChooser">Flex 3 Custom DateChooser </a></li>
</ol>
</div>
]]></description>
				<content:encoded><![CDATA[<h2>PNG8 vs other image formats</h2>
<p>PNG8 is a rising winner in all the battles between the web formats. It has smaller size than GIF and PNG24, it has alpha channel, and the really big advantage is the semi transparency, which unfortunately degrade in IE6 to a GIF-like full transparency. So there are few very important advantages at all:</p>
<blockquote><p>1. smaller size than PNG24 and GIF</p>
<p>2. same semi-transparent pixels as PNG24 but with smaller size and no need of alpha filter for IE6, where there&#8217;s a GIF like full transparency.</p></blockquote>
<h2>Fireworks and semi transparent pixels in PNG8</h2>
<p>The problem is that only Adobe (former Macromedia) Fireworks can export such semi transparent PNG8s, and it&#8217;s not free. You may guess PNG (Portable Network Graphics) is a Macromedia format which unfortunately turns into closed capability of rendering PNG8 with transparency and with no need of Fireworks. Very sad!</p>
<h2>Recent discovery</h2>
<p>Finally these days I found a workaround with PNG8 and it&#8217;s called pngquant. You can find the tutorial on <a title="PNG8 tutorial" href="http://www.ethanandjamie.com/blog/37-user-interface/81-png8-transparency-without-fireworks" target="_blank">http://www.ethanandjamie.com/blog/37-user-interface/81-png8-transparency-without-fireworks</a> and everything here&#8217;s about the above <a title="pngquant" href="http://www.libpng.org/pub/png/apps/pngquant.html" target="_blank">pngquant</a>.</p>
<h2>Now make your website sprites</h2>
<p>a PNG8</p>
<div class='yarpp-related-rss'>
<p>Related posts:<ol>
<li><a href="/2009/04/07/optimize-your-images-improve-the-performance/" rel="bookmark" title="Optimize your images &#8211; improve the performance">Optimize your images &#8211; improve the performance </a></li>
<li><a href="/2009/02/23/object-and-embed-tags-revealed/" rel="bookmark" title="object and embed tags revealed">object and embed tags revealed </a></li>
<li><a href="/2009/03/04/flex-3-custom-preloader-download/" rel="bookmark" title="Flex 3 Custom Preloader Download">Flex 3 Custom Preloader Download </a></li>
<li><a href="/2009/03/01/flex-3-custom-datechooser-2/" rel="bookmark" title="Flex 3 Custom DateChooser">Flex 3 Custom DateChooser </a></li>
</ol></p>
</div>
]]></content:encoded>
			<wfw:commentRss>/2009/06/18/semi-transparent-png8-with-no-fireworks/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
	</channel>
</rss>
