Submit Hint Search The Forums LinksStatsPollsHeadlinesRSS
14,000 hints and counting!

Easily create 128x128 PNGs from icons Desktop
I was attempting to make some new icons recently, and I wanted to start with an existing one, but modify it in a graphics program. I thought there was a way to copy the icon into the clipboard in previous versions of OS X, but each time I tried (Get Info, select icon, copy), I would only get a small version of the icon (about 32x32), and without transparency. But I wanted the larger version and with the transparency. I do realize there are some shareware utilities out there for this, but this should be do-able by the system itself. Turns out, it is.

So, here's the tip I found -- perhaps this has been reported before, but I couldn't find it.

Drag the item which has the icon you want to use into the Dock, then activate OS X's window capture screenshot feature -- press Shift-Command-4, then press the Space Bar. Now position the camera icon over the icon in your Dock and click. On your desktop will be a PNG file of the full-sized icon (128x128), with its transparency and nothing else. Easy!

[robg adds: I didn't realize the camera tool would see each Dock icon as a separate window; that's a pretty useful tip right there. When I tested this, though, I found that I only got good results when the icons in the Dock were as large as possible. Compare the two shots (of Butler's icon) seen at right. The leftmost one was taken with my Dock at its usual "smallish" setting. The one on the right was taken after removing all excess icons from the Dock, to make the Dock icons as large as possible. Although both captures are 128x128 (I shrunk them for display here), it seems OS X simply zooms the smaller capture up to the 128x128 size.]
    •    
  • Currently 1.67 / 5
  • 1
  • 2
  • 3
  • 4
  • 5
  (3 votes cast)
 
[16,717 views]  

Easily create 128x128 PNGs from icons | 26 comments | Create New Account
Click here to return to the 'Easily create 128x128 PNGs from icons' hint
The following comments are owned by whoever posted them. This site is not responsible for what they say.
Easily create 128x128 PNGs from icons
Authored by: MacFox on May 23, '06 08:15:46AM

You can usually get the hi-res 128x128 image of any application icon by invoking "Show Package Contents" and navigating to the contents/resources folder. This is where the .icns files are stored. They can then be opened in Preview where it is possible to choose the resolution image you want. Just make sure the sidedrawer in Preview is open so you can see all the images that the .icns file contains. You can then select the 128x128 image.

Saving the selected image as a.png file with Alpha checked gives you the 128x128 image with transparency on.



[ Reply to This | # ]
Easily create 128x128 PNGs from icons
Authored by: osxpounder on May 23, '06 11:34:19AM

MacFox, that's a great additional tip for users like me, who have lots of Dock icons and don't want to clean out the Dock just to snag an icon. With so many icons in my dock, the OP's tip just gives me fuzzy icons.

Thanks! It doesn't seem to work in special cases, like:

-- a folder with a custom icon I downloaded from xicons
-- an app with a custom icon I downloaded from xicons [only the original app icon seems to be in the Package Contents]

---
--
osxpounder



[ Reply to This | # ]
Easily create 128x128 PNGs from icons
Authored by: MJCube on May 23, '06 04:15:46PM

Custom folder icons are stored in a hidden file within the folder named "Icon" with a capital I and trailing CR (^M). But much more useful than that factoid is Gerti's hint below, which is what I've been doing. And then guardian34's method (farther down) is even faster and easier! Just select in the Finder, copy, go to Preview, ⌘N, and save in your desired format.



[ Reply to This | # ]
Easily create 128x128 PNGs from icons
Authored by: osxpounder on May 31, '06 12:59:06PM

Thanks for pointing those out! I'll be trying 'em today.

Seems like my next hurdle is this: how to paste [or otherwise create] an icon with transparency, using only what I've got [no spending money]. I've got OSX, Photoshop, Fireworks ....

When I snag the icons and open then in Photoshop, transparency is preserved. Then when I change my icon to suit me, and do a Copy Merged, I paste into the Info panel in Finder. Transparency is gone, all filled with white.

What's the secret to giving your file a custom icon that has transparency?

---
--
osxpounder



[ Reply to This | # ]
Easily create 128x128 PNGs from icons
Authored by: b00le on May 23, '06 08:15:51AM

This does not work if you automatically hide the dock - it disappears as soon as you press Shift-Command-4...



[ Reply to This | # ]
Easily create 128x128 PNGs from icons
Authored by: markformac on May 23, '06 09:04:52PM

Just use Option-Command-0 to reveal the dock before hand.

---
Mark Brooks



[ Reply to This | # ]
Easily create 128x128 PNGs from icons
Authored by: ocdinsomniac on May 23, '06 08:26:59AM

Cool hint! This works with icons on the Desktop as well, so if your dock is too full to size the icon to maximum, you can put the icon on your Desktop and set the Desktop icon size to 128x128 before performing the capture.

Note: The Desktop version of this technique creates a PNG that is whatever size Desktop icons are currently set to, so to get a full size PNG, you must set your Desktop to 128x128. If you want a PNG that is 32x32, set your Desktop icon size to 32x32.



[ Reply to This | # ]
Easily create 128x128 PNGs from icons
Authored by: Pedro Estarque on May 23, '06 08:58:46AM

If you copy from get info panel and paste it in say, Photoshop, you will get a 32x32 pixel image. But if you open Preview and select "new from clipboard" you get those beautiful 128x128 pixel icons.



[ Reply to This | # ]
Easily create 128x128 PNGs from icons
Authored by: frankko on May 23, '06 09:25:11AM

...then save that as a .png.

THIS is the easiest way, in my opinion.



[ Reply to This | # ]
Easily create 128x128 PNGs from icons
Authored by: shadownight on May 23, '06 05:46:04PM

Absolutely, that's what I do and wanted to mention. Much easier and you get all the other resolutions as well.



[ Reply to This | # ]
Easily create 128x128 PNGs from icons
Authored by: myrkr on May 23, '06 09:12:34AM

I use ICONVERTER.app .... it works well and is free. It also does batches and many file types including .ico .

http://www.students.niu.edu/~z110241/index.html



[ Reply to This | # ]
Easily create 128x128 PNGs from icons
Authored by: demmons65 on May 23, '06 11:36:51AM

It should also be noted that the Camera feature of the screengrab utility also can snag the menubar.

---
d a v e

http://www.hostwerks.com/~dave/



[ Reply to This | # ]
Easily create 128x128 PNGs from icons
Authored by: Satinder S Sidhu on May 24, '06 09:50:01AM

The menubar captured by this method excludes items in its right half -- Spotlight, accounts/users, speaker volume, keyboard input menu and whatever else you may have put there. Some of these do get highlighted during camera manipulation, but are not included in the saved image.



[ Reply to This | # ]
Easily create 128x128 PNGs from icons
Authored by: magnamous on May 23, '06 11:37:10AM
I know this is separate software, but I've been using IconGrabber for years now. It works very nicely and is free (the files are saved as TIFFs, as I recall). Unfortunately, the developer's site seems to be on the fritz right now, and I can't find an alternate download link. (If Rob is willing to host a copy, I'd gladly email it to him.)

[ Reply to This | # ]
Use Preview.app!
Authored by: gerti on May 23, '06 12:15:12PM

- Show Info
- Select Icon in top left of Info panel
- Copy (Cmd-C)
- Open Preview.app
- From the menu select File/New From Clipboard
- From the menu select File/Save As...
- Set the Format to PNG
- Profit!



[ Reply to This | # ]
Use Preview.app!
Authored by: Mr Clicky on May 23, '06 03:22:09PM

Brilliant Gerti! Go to the top of the class :)



[ Reply to This | # ]
Easily create 128x128 PNGs from icons
Authored by: kL on May 23, '06 12:31:03PM

Shift+Cmd+4 doesn't work for me. It doesn't do anything (10.4.6)

I've changed default bindings to something else and I don't see 'capture window' in prefs - only screen and selected area.



[ Reply to This | # ]
Easily create 128x128 PNGs from icons
Authored by: jayhawksean on May 23, '06 12:53:13PM

it sort of works for me. i invoked command-shift-4 and hit the spacebar over the icon i wanted. it highlighted and the image appeared on the desktop; however, the image on the desktop was larger than just the icon because it also included the item name and item information. i turned off information, but the name remains.

i switched from PNG to JPG as my default for screen captures, so that's probably what is messing it up for me.



[ Reply to This | # ]
Easily create 128x128 PNGs from icons
Authored by: wibbble on May 23, '06 02:16:39PM

Selected area is the same as 'window' - once in capture mode you switch between the two by hitting the space bar.



[ Reply to This | # ]
Copy from Finder (or Icon Composer)
Authored by: guardian34 on May 23, '06 12:36:38PM

I don't even use the Get Info window. I just select an item, copy it, and paste it in Preview.

Alternatively, I could also open the icns file in Icon Composer (part of the Developer Tools).



[ Reply to This | # ]
Copy from Finder (or Icon Composer)
Authored by: markformac on May 23, '06 09:07:45PM

The problem with capturing the icon within the Get Info window is there is no transparency.

---
Mark Brooks



[ Reply to This | # ]
Copy from Finder
Authored by: qwerty denzel on May 24, '06 01:26:49AM

Now that's a tip! I never thought of just copying straight from the Finder. Thanks!

You might want to post it as its own hint, as it is much better than this one!



[ Reply to This | # ]
Easily create 128x128 PNGs from icons
Authored by: adamprall on May 23, '06 12:56:34PM
Hmm... I have a lot of icons on my Dock, and this captures 128x128 representations of 32x32 images (big ugly scaled pixels). Any ideas anyone? Magnify feature doesn't activate when you're in capture mode.

---
Thinkingman.com New Media Hawaii

[ Reply to This | # ]

Easily create 128x128 PNGs from icons
Authored by: chyna4xena on May 23, '06 10:54:23PM

The quick methods (copy selected item - or copy icon in Get Info window - and then New from Clipboard in Preview) are 10.4 only, I think - on 10.3.9 I only get a 32x32 icon, frequently with an odd squiggly black outline !



[ Reply to This | # ]
Easily create 128x128 PNGs from icons
Authored by: The_Decryptor on May 23, '06 11:19:13PM

I found out about this while messing with Grab.app, it works with anything that is a standard window on your system, including dock icons, dock background, desktop icons (including text, they make cool images) and widgets (no deed to put them over a white window, just set it to window mode and capture all the alpha)



[ Reply to This | # ]
An EASY Way
Authored by: EatingPie on May 27, '06 08:26:16AM

Too bad I'm so late to the game here, especially since all these seem so complicated. There is a simple one-step, drag-and-drop solution...

Iconverter.

You simply drag the Icon, Application or Document, onto Iconverter, select PNG and hit Extract. Boom! (I know that's sooooo last year.) You have your icon.


---
-Pie



[ Reply to This | # ]