<?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>Robert Accettura&#039;s Fun With Wordage &#187; gimp</title>
	<atom:link href="http://robert.accettura.com/blog/tag/gimp/feed/" rel="self" type="application/rss+xml" />
	<link>http://robert.accettura.com</link>
	<description>Robert Accettura&#039;s Personal Blog on Web Development and Tech</description>
	<lastBuildDate>Thu, 09 Feb 2012 01:43:47 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3.1</generator>
	<atom:link rel='hub' href='http://robert.accettura.com/?pushpress=hub'/>
<cloud domain='robert.accettura.com' port='80' path='/?rsscloud=notify' registerProcedure='' protocol='http-post' />
		<item>
		<title>Webmasters: Make Your Favicon Transparent</title>
		<link>http://robert.accettura.com/blog/2008/03/22/webmasters-make-your-favicon-transparent/</link>
		<comments>http://robert.accettura.com/blog/2008/03/22/webmasters-make-your-favicon-transparent/#comments</comments>
		<pubDate>Sat, 22 Mar 2008 21:17:20 +0000</pubDate>
		<dc:creator>Robert</dc:creator>
				<category><![CDATA[Mozilla]]></category>
		<category><![CDATA[Web Development]]></category>
		<category><![CDATA[favicon]]></category>
		<category><![CDATA[firefox]]></category>
		<category><![CDATA[gimp]]></category>
		<category><![CDATA[ico]]></category>
		<category><![CDATA[photoshop]]></category>
		<category><![CDATA[png]]></category>

		<guid isPermaLink="false">http://robert.accettura.com/archives/2008/03/22/webmasters-make-your-favicon-transparent/</guid>
		<description><![CDATA[There are still quite a few websites that use a Favicon on a white background. While this looked OK in older browsers, these day with browsers like Firefox 3.0, they don&#8217;t look so great. It&#8217;s about time to make them &#8230; <a href="http://robert.accettura.com/blog/2008/03/22/webmasters-make-your-favicon-transparent/">Continue reading <span class="meta-nav">&#8594;</span></a>]]></description>
			<content:encoded><![CDATA[<p>There are still quite a few websites that use a Favicon on a white background.  While this looked OK in older browsers, these day with browsers like Firefox 3.0, they don&#8217;t look so great.  It&#8217;s about time to make them transparent.  Here are a few examples:</p>
<p>Here&#8217;s a tab with a nice transparency:<br />
<img src="http://robert.accettura.com/wp-content/uploads/2008/03/20080322_favicon_tab_bugzilla.jpg" alt="Bugzilla Tab" /><br />
<small>buzilla.mozilla.org</small></p>
<p>Here&#8217;s one that isn&#8217;t transparent:<br />
<img src="http://robert.accettura.com/wp-content/uploads/2008/03/20080322_favicon_tab_wordpress.jpg" alt="WordPress Tab" /><br />
<small>wordpress.com</small></p>
<p>Here&#8217;s a url bar over http:<br />
<img src="http://robert.accettura.com/wp-content/uploads/2008/03/20080322_favicon_url_http_yahoo.jpg" alt="Yahoo HTTP URL Bar" /><br />
<small>yahoo.com</small></p>
<p>Here&#8217;s a url bar over https:<br />
<img src="http://robert.accettura.com/wp-content/uploads/2008/03/20080322_favicon_url_https_safepasswd.jpg" alt="SafePasswd HTTPS URL Bar"  /><br />
<small>safepasswd.com</small></p>
<p>Here&#8217;s a url bar over https with an EV SSL cert:<br />
<img src="http://robert.accettura.com/wp-content/uploads/2008/03/20080322_favicon_url_https_ev_paypal.jpg" alt="PayPal EV SSL URL Bar" /><br />
<small>ebay.com</small></p>
<p>Here&#8217;s a url bar over https that doesn&#8217;t have a transparent favicon:<br />
<img src="http://robert.accettura.com/wp-content/uploads/2008/03/20080322_favicon_url_https_chase.jpg" alt="Chase HTTPS URL Bar" /><br />
<small>chase.com</small></p>
<p>If your a photoshop user and use an <code>ICO</code> favicon, you can use <a href="http://www.telegraphics.com.au/svn/icoformat/trunk/dist/README.html">this plugin</a> to generate them on Mac/Win with pretty much any remotely modern version.  It&#8217;s available under GPL.  I recall you can easily do so using <a href="http://www.gimp.org/">GIMP</a> as well, though I&#8217;m no GIMP pro, so I&#8217;ll leave it to someone else to document the best way to do so.  <code>PNG</code> also supports transparency through pretty much any program that can save <code>PNG</code>&#8216;s.</p>
<p>So spread the word.  Designers, it&#8217;s time to start fixing up those few pixels of whitespace.  It would make things look so much better.
<div id="rja_commentCountImage"><a href="http://robert.accettura.com/archives/2008/03/22/webmasters-make-your-favicon-transparent/#comments"><img src="http://robert.accettura.com/wp-content/commentCount/2008/03/fddd793.gif" alt="Comment Count" style="border:0;" /></a></div>
]]></content:encoded>
			<wfw:commentRss>http://robert.accettura.com/blog/2008/03/22/webmasters-make-your-favicon-transparent/feed/</wfw:commentRss>
		<slash:comments>15</slash:comments>
		</item>
	</channel>
</rss>

