<?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/"
	xmlns:series="http://unfoldingneurons.com/"
	>

<channel>
	<title>Stephen Foskett, Pack Rat &#187; icns Archives  &#8211; Stephen Foskett, Pack Rat</title>
	<atom:link href="http://blog.fosketts.net/tag/icns/feed/" rel="self" type="application/rss+xml" />
	<link>http://blog.fosketts.net</link>
	<description>Understanding the accumulation of data</description>
	<lastBuildDate>Fri, 10 Feb 2012 17:40:43 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=</generator>
<atom:link rel="hub" href="http://pubsubhubbub.appspot.com" />
	<atom:link rel="hub" href="http://superfeedr.com/hubbub" />
			<item>
		<title>Custom Drive Icons in Mac OS X</title>
		<link>http://blog.fosketts.net/2008/08/27/custom-drive-icons-mac-os-x/</link>
		<comments>http://blog.fosketts.net/2008/08/27/custom-drive-icons-mac-os-x/#comments</comments>
		<pubDate>Wed, 27 Aug 2008 15:48:41 +0000</pubDate>
		<dc:creator>Stephen</dc:creator>
				<category><![CDATA[Apple]]></category>
		<category><![CDATA[Terabyte home]]></category>
		<category><![CDATA[droplet]]></category>
		<category><![CDATA[featured]]></category>
		<category><![CDATA[GIMP]]></category>
		<category><![CDATA[icns]]></category>
		<category><![CDATA[icon]]></category>
		<category><![CDATA[IconDroplet]]></category>
		<category><![CDATA[img2icns]]></category>
		<category><![CDATA[OS X]]></category>
		<category><![CDATA[PNG]]></category>
		<category><![CDATA[resource]]></category>

		<guid isPermaLink="false">http://blog.fosketts.net/?p=482</guid>
		<description><![CDATA[Custom drive icons can help you to keep your removable and internal drives straight. It's simple to do in Mac OS X, but illustrates an odd way in which Apple implemented their split resource/data fork filesystem idea in a GUI.]]></description>
			<content:encoded><![CDATA[<div id="attachment_485" class="wp-caption alignright" style="width: 294px;  border: 1px solid #dddddd; background-color: #f3f3f3; padding-top: 4px; margin: 10px; text-align:center; float: right;"><a href="http://blog.fosketts.net/wp-content/uploads/2008/08/picture-23.png" ><img class="size-full wp-image-485 " title="Custom OS X Drive Icons" src="http://blog.fosketts.net/wp-content/uploads/2008/08/picture-23.png" alt="This makes it much easier to understand which drive it which!" width="284" height="207" /></a><p style=' padding: 0 4px 5px; margin: 0;'  class="wp-caption-text">This makes it much easier to see which drive is which!</p></div>
<p>I previously wrote about <a href="http://blog.fosketts.net/2008/05/27/custom-icons-keep-removable-drives-straight/"  target="_self">the benefits of custom drive icons</a>, which can help you to keep your removable and internal drives straight, and how to create them on Windows Vista. Well, Mac OS X surprised me by using the same generic icon for every drive, so I set about figuring out how to customize them here, too.</p>
<p>It turns out it&#8217;s not only simple to do, but illustrates <a href="http://www.kernelthread.com/mac/osx/arch_fs.html"  target="_blank">an odd way</a> in which Apple implemented their split resource/data fork filesystem idea in a GUI. This exercise taught me a lot &#8211; what an ICNS file is, how Apple stores drive icons, what a droplet is, and how to use GIMP on a Mac.</p>
<p>This is part 1 &#8211; where I&#8217;ll go over the basics. <a href="http://blog.fosketts.net/2008/09/03/os-x-custom-drive-icons-2-boot-camp-and-ntfs"  target="_self">Part 2 covers custom Boot Camp drive icons and other troubles</a>.</p>
<p><span id="more-482"></span></p>
<p><blockquote><p>This post is part of my series focused on Apple OS X tips and tricks.</p>

<ul>
		<li><a href="http://blog.fosketts.net/2009/08/06/access-ntfs-volumes-mac/">Access NTFS Volumes On Your Mac</a></li>
		<li><a href="http://blog.fosketts.net/2009/01/19/clean-up-mac-disk-tools/">Clean Up Your Mac! Essential OS X Tidiness Tools and Techniques</a></li>
		<li><a href="http://blog.fosketts.net/2008/07/26/move-os-x-time-machine-backups-new-disk/">How To Move OS X Time Machine Backups To A New Disk</a></li>
		<li><a href="http://blog.fosketts.net/2008/10/23/reduce-file-size-pdf-mac/">Hallelujah! OS X Can Reduce PDF File Size!</a></li>
		<li><a href="http://blog.fosketts.net/2008/10/23/reduce-file-size-pdf-mac/"></a><a href="http://blog.fosketts.net/2008/08/27/custom-drive-icons-mac-os-x/">Custom Drive Icons in Mac OS X</a></li>
		<li><a href="http://blog.fosketts.net/2008/08/27/custom-drive-icons-mac-os-x/"></a><a href="http://blog.fosketts.net/2008/09/03/os-x-custom-drive-icons-2-boot-camp-ntfs/">OS X Custom Drive Icons 2: Boot Camp and NTFS</a></li>
</ul>
</blockquote></p>
<p>OS X is pretty clever and consistent in how it handles drive icons. It simply looks in the <a rel="nofollow" href="http://en.wikipedia.org/wiki/Fork_(filesystem)"  target="_blank">data fork</a> of the .VolumeIcon.icns file in the root of the drive for an icon resource of type <a rel="nofollow" href="http://en.wikipedia.org/wiki/Apple_Icon_Image"  target="_blank">icns</a>, and uses that icon. If it can&#8217;t find such a file, it uses one of default icons, designed to suggest either an internal or external (USB or FireWire) drive.</p>
<div id="attachment_486" class="wp-caption alignright" style="width: 110px;  border: 1px solid #dddddd; background-color: #f3f3f3; padding-top: 4px; margin: 10px; text-align:center; float: right;"><a href="http://blog.fosketts.net/wp-content/uploads/2008/08/picture-20.png" ><img class="size-full wp-image-486 " title="Default OS X Internal Drive Icon" src="http://blog.fosketts.net/wp-content/uploads/2008/08/picture-20.png" alt="The default icon for an internal disk drive in OS X isn't exactly clean and friendly" width="100" height="112" /></a><p style=' padding: 0 4px 5px; margin: 0;'  class="wp-caption-text">The default icon for an internal disk drive in OS X is not exactly friendly</p></div>
<p>As a new Mac user, I was surprised at the unfriendly look of the default icons. While external drives get a decidedly iPod-generic white shell, internal disks look like, well, bare disk drives. Which is something most Mac users will never see, since most <a href="blog.fosketts.net/2008/06/25/upgraded-320-gb-in-a-macbook-pro/" target="_self">Macs are locked down tight</a>. I expected a Finder-esque smiley face or an image of the machine itself.</p>
<p><strong>Creating an Icon</strong></p>
<p>So let&#8217;s create an icon! For my example, I&#8217;m assigning a custom icon to a <a href="http://www.pqi.com.tw/product2.asp?oid=17&amp;catE1=17&amp;PROID=53"  target="_blank">PQI Intelligent Stick mini USB flash drive</a>. If you already have the icon image, you can skip ahead. Otherwise, read on to learn how to create a drive icon.</p>
<ol>
<li>Locate a good picture of the drive. I went to PQI&#8217;s web site and downloaded their publicity image.</li>
<li>Now we&#8217;re going to clean up the image. I used <a rel="nofollow" href="http://darwingimp.sourceforge.net/"  target="_blank">Wilber Loves Apple&#8217;s version of GIMP</a> (<a href="http://blogs.oreilly.com/digitalmedia/2008/08/are-big-name-open-source-proje.html"  target="_blank">the best GIMP I could find</a>)</li>
<li>In GIMP, I added an alpha channel (for transparency), and then used the magic wand (with feathered <span style="text-decoration: line-through;">hair</span> edges) to kill the white background.</li>
<div id="attachment_487" class="wp-caption aligncenter" style="width: 310px;  border: 1px solid #dddddd; background-color: #f3f3f3; padding-top: 4px; margin: 10px; text-align:center; display: block; margin-right: auto; margin-left: auto;"><a href="http://blog.fosketts.net/wp-content/uploads/2008/08/picture-14.png" ><img class="size-medium wp-image-487" title="Editing In GIMP" src="http://blog.fosketts.net/wp-content/uploads/2008/08/picture-14-300x199.png" alt="I added an alpha channel and removed the background in GIMP" width="300" height="199" /></a><p style=' padding: 0 4px 5px; margin: 0;'  class="wp-caption-text">I added an alpha channel and removed the background in GIMP</p></div>
<li>I then saved it to the desktop as a PNG file.</li>
<li>Next, I converted the PNG into an icns using <a href="http://www.shinyfrog.net/en/software/img2icns/"  target="_blank">img2icns</a></li>
<div id="attachment_488" class="wp-caption aligncenter" style="width: 388px;  border: 1px solid #dddddd; background-color: #f3f3f3; padding-top: 4px; margin: 10px; text-align:center; display: block; margin-right: auto; margin-left: auto;"><a href="http://blog.fosketts.net/wp-content/uploads/2008/08/picture-8.png" ><img class="size-full wp-image-488" title="img2icns" src="http://blog.fosketts.net/wp-content/uploads/2008/08/picture-8.png" alt="img2icns converts PNG files to icns format" width="378" height="264" /></a><p style=' padding: 0 4px 5px; margin: 0;'  class="wp-caption-text">img2icns converts PNG files to icns format</p></div>
<li>Finally, to make sure it was the right resource type, I converted the icns file to use itself as its icon using <a rel="nofollow" href="http://web.mac.com/zweigand/zweisoft/zweisoft.html"  target="_blank">IconDroplet</a></li>
<div id="attachment_489" class="wp-caption aligncenter" style="width: 450px;  border: 1px solid #dddddd; background-color: #f3f3f3; padding-top: 4px; margin: 10px; text-align:center; display: block; margin-right: auto; margin-left: auto;"><a href="http://blog.fosketts.net/wp-content/uploads/2008/08/picture-12.png" ><img class="size-full wp-image-489" title="IconDroplet" src="http://blog.fosketts.net/wp-content/uploads/2008/08/picture-12.png" alt="IconDroplet simply makes an icns into a droplet of itself" width="440" height="209" /></a><p style=' padding: 0 4px 5px; margin: 0;'  class="wp-caption-text">IconDroplet simply makes an icns into a icon of itself</p></div>
<li>Now I had a perfectly-formed icns resource, ready for use!</li>
</ol>
<p>[ad#banner]</p>
<p><strong>Assigning the Drive Icon</strong></p>
<p>Now we can assign the drive icon to the drive. Note that the drive has to be writable for this to work, which generally means it has to be HFS+ or FAT. I&#8217;ll cover adding icons to NTFS and Boot Camp drives later.</p>
<ol>
<li>Right click on your drive and select &#8220;Get Info&#8221;</li>
<li>Leave that inspector up and right-click the icon file from IconDroplet and select &#8220;Get Info&#8221;</li>
<div id="attachment_490" class="wp-caption aligncenter" style="width: 310px;  border: 1px solid #dddddd; background-color: #f3f3f3; padding-top: 4px; margin: 10px; text-align:center; display: block; margin-right: auto; margin-left: auto;"><a href="http://blog.fosketts.net/wp-content/uploads/2008/08/picture-17.png" ><img class="size-medium wp-image-490" title="Before moving the icns" src="http://blog.fosketts.net/wp-content/uploads/2008/08/picture-17-300x126.png" alt="We will copy and paste the icns resource using these inspectors" width="300" height="126" /></a><p style=' padding: 0 4px 5px; margin: 0;'  class="wp-caption-text">We will copy and paste the icns resource using these inspectors</p></div>
<li>Now we will just move the icns resource from one to the other. Select the desired icon in the upper left corner (not the Preview down below) so it has the blue fuzzies around it and use command-c to copy it.</li>
<li>Now select the one you wish to replace in the other inspector (check for the fuzzies again) and use command-v to paste.</li>
<div id="attachment_491" class="wp-caption aligncenter" style="width: 310px;  border: 1px solid #dddddd; background-color: #f3f3f3; padding-top: 4px; margin: 10px; text-align:center; display: block; margin-right: auto; margin-left: auto;"><a href="http://blog.fosketts.net/wp-content/uploads/2008/08/picture-18.png" ><img class="size-medium wp-image-491" title="After copying the drive icns" src="http://blog.fosketts.net/wp-content/uploads/2008/08/picture-18-300x122.png" alt="Now the drive has the new icon assigned" width="300" height="122" /></a><p style=' padding: 0 4px 5px; margin: 0;'  class="wp-caption-text">Now the drive has the new icon assigned</p></div>
<li>If all went well, you should now have a custom drive icon installed!</li>
</ol>
<p>So there you have it. You should be able to use this method to assign custom drive icons all day long, <a href="http://blog.fosketts.net/2008/09/03/os-x-custom-drive-icons-2-boot-camp-and-ntfs"  target="_self">as long as the media is writable</a>. I was amused at how Apple uses the inspector windows to assign icons &#8211; where Windows would have some buttons to click, OS X is drag and drop. It may be intuitive, but it&#8217;s certainly not obvious &#8211; even Apple has to have <a rel="nofollow" href="http://support.apple.com/kb/HT2493?viewlocale=en_US"  target="_blank">a document describing the process</a>!</p>
<p>[ad#banner]</p>
<div id="crp_related"><h3>You might also want to read these other posts...</h3><ul><li><a href="http://blog.fosketts.net/2008/09/03/os-x-custom-drive-icons-2-boot-camp-ntfs/"  rel="bookmark" class="crp_title">OS X Custom Drive Icons 2: Boot Camp and NTFS</a></li><li><a href="http://blog.fosketts.net/2008/05/27/custom-icons-keep-removable-drives-straight/"  rel="bookmark" class="crp_title">Custom Icons Keep Removable Drives Straight</a></li><li><a href="http://blog.fosketts.net/2009/08/06/access-ntfs-volumes-mac/"  rel="bookmark" class="crp_title">Access NTFS Volumes On Your Mac</a></li><li><a href="http://blog.fosketts.net/2008/07/26/move-os-x-time-machine-backups-new-disk/"  rel="bookmark" class="crp_title">How To Move OS X Time Machine Backups To A New Disk</a></li><li><a href="http://blog.fosketts.net/2008/08/14/vista-os-x-boot-time-compared/"  rel="bookmark" class="crp_title">Vista, OS X Boot Time Compared</a></li></ul></div><script src="http://feeds.feedburner.com/~s/sfoskett?i=http://blog.fosketts.net/2008/08/27/custom-drive-icons-mac-os-x/" type="text/javascript" charset="utf-8"></script><hr />
<p><small>© sfoskett for <a href="http://blog.fosketts.net">Stephen Foskett, Pack Rat</a>, 2008. |
<a href="http://blog.fosketts.net/2008/08/27/custom-drive-icons-mac-os-x/">Custom Drive Icons in Mac OS X</a>
<br/>
This post was categorized as <a href="http://blog.fosketts.net/category/everything/apple/" title="View all posts in Apple" rel="category tag">Apple</a>, <a href="http://blog.fosketts.net/category/everything/terabytehome/" title="View all posts in Terabyte home" rel="category tag">Terabyte home</a>. Each of my categories has its own feed if you'd like to filter out or focus on posts like this.<br/>
</small></p>]]></content:encoded>
			<wfw:commentRss>http://blog.fosketts.net/2008/08/27/custom-drive-icons-mac-os-x/feed/</wfw:commentRss>
		<slash:comments>6</slash:comments>
		</item>
	</channel>
</rss>

