MacMembraneThere are peels everywhere…

Update: Check out MacTipper’s comment below – it pretty much renders unnecessary much of this post! And then head over to The MacTipper Blog for more excellent OS X tips.

In a previous post, I wrote up 10 shareware apps that I think most Mac users would benefit from knowing about. To dress up the post, I wanted to display each application’s icon beside its write up. I’ve written about how to create and change your own application icons, and the process of extracting icons for publishing on the web isn’t much different. Here’s how I do it.

Step one is to open up your Applications folder and select the app whose icon you want to extract. Open the information window for the app (press Command + I or choose “Get Info” from the File menu). Click once on the app’s icon in the upper left corner of the info pane and a light blue glow will surround it (signifying that it has been selected – see right). Copy the icon to the clipboard.

Once your icon is in the clipboard, open up Preview. Now press Command + N (or select ‘New From Clipboard’ from the File menu) and your icon will open up in a new window.

Icons in OS X are a special .icn format. Each .icn file is made up of several .tiff files scaled to various sizes (this is so that no matter how big you view an application’s icon – up to 512 pixels – it will remain crisp). Since .tiff files are spottily supported by web browsers, it’s best to convert the image to png format. In the right panel, select the icon which is closest in size to the image you would like to use for the web and select ‘Save as…’ from the File menu (alternatively, press Command + Shift + S). Rename the image and select PNG from the drop down save menu. Simple as that you have your icon on a transparent background ready for use on your site.

Automating the Process with AppleScript

If you need to grab a number of app icons, then above method can quickly become tedious. Select app, get info, highlight icon, copy icon, close info window, launch preview, create new document… I’ve written a small script that automates this process in the majority of cases:

tell application "Finder"
	activate
	try
		set theApp to selection as alias
		set theIcons to name of every item of folder ¬
			((theApp as string) & "Contents:Resources:") ¬
				whose name ends with ".icns"
		set iconNum to number of items in theIcons
		if iconNum is less than 5 then
			repeat with eachIcon in theIcons
				open ((theApp as string) & ¬
					"Contents:Resources:" & eachIcon)
			end repeat
		else
			open information window of theApp
		end if
	on error
		activate me
		display dialog "Something went wrong.¬
		 Make sure an application is selected in¬
		  Finder." with icon 2
	end try
end tell

This script queries the hidden Resources package buried in AppName/Contents/Resources (if you want to have a look around in here, right click on an app icon and select “Show Package Contents” from the contextual menu). This is where the application’s icon is stored. The script returns all the files that end in “.icns.” If the number of .icns files is less than 4, the script will open them up in Preview. From here, just select the one you want and save it as a PNG. On the other hand, if the script finds more than 4 icons, it will open the Information Window for the application and you can extract the icon manually using method outlined above.

4 is an arbitrary number – you can set it to whatever you want. But setting some number is necessary to stop applications which have 100+ icons from flooding your screen with Preview windows (I learned this the hard way). Apps that will do this are the ones that can open a large number of file types and include a distinct icon for each of them. Setting a limit number, whatever it is, will save you from a headache if you run the script on an application with too many .icns files.

Make the Script Even More Useful

I run the majority of my scripts from the script launcher FastScripts, but I decided that the most useful place for this one would be imbedded in Finder’s toolbar. To accomplish this, select “Application” from the Format menu when saving your script. Once you have it saved, open a finder window, right click on the toolbar and select “Customize Toolbar…” Now drag your AppleScript application to the toolbar and click “Done.” From now on, any application’s icon is just a click away.

As you’ll notice in the screenshot above, I added an icon I made to the script itself so that it looks good in the toolbar (and I can tell what it is). It’s pictured to the left – nice, soothing Helvetica! You can download the .icns file and use it for your Open Icon application if you like. (To change an app’s icon, paste your new icon onto its Information Window icon. If you’re not sure how to set application or file icons, this post goes into the process in some detail.)

That’s all for now. I hope this little script helps you out.