Convert PNG to ICNS on Right Click [Mac OS]

convert-png-to-icns-right-click

Convert PNG to ICNS with Right-Click integration. Works for any common image format with transparent background.

If you ever needed to convert your asset to ICNS, you know how cumbersome process it can be. More over all these online services just doesn’t work as expected.

TL, DR

Do you want to have option to convert PNG to ICNS in your context menu? You can create automator app yourself in Automator for free, or you can proceed right to the download. (Only for Mac OS X)

Tutorial

Create this “app” is super easy. Follow these 8 steps and it will take you about 1 min. And the output is just superb.

  1. Open Automator App
  2. In “Choose a type for your document” select “Quick Action”
  3. In the top bar “Workflow receives current” choose “Images”
  4. On Desktop create folder named “icon.iconset”
  5. Drag and drop from left pane “Copy Finder Items” and select newly created folder
  6. Drag and drop “Photos -> Change Type of Images” to the area on the right, and select PNG
  7. Drag and drop “Photos -> Scale Images” and set size to 1024, remember that images must be square format and have transparent background

Convert PNG to ICNS on Right-Click Step 3

  1. Now we will be creating asset of images needed for iconutil command. So we will take output of “Scale Image” block and rename to icon_256x256@2x, then copy it, resize it to half (512×512) and name the copy icon_256x256. That we will be doing again and again up to size 16×16. Here is a list of images we need to generate
icon.iconset/icon_16x16.png
icon.iconset/icon_16x16@2x.png
icon.iconset/icon_32x32.png
icon.iconset/icon_32x32@2x.png
icon.iconset/icon_128x128.png
icon.iconset/icon_128x128@2x.png
icon.iconset/icon_256x256.png
icon.iconset/icon_256x256@2x.png
icon.iconset/icon_512x512.png

Convert PNG to ICNS on Right-Click Step 2

  1. When we have all the images. We run the command with “Run Shell Script” block.
    Convert PNG to ICNS on Right-Click Asset

    Convert PNG to ICNS on Right-Click Asset

Convert PNG to ICNS on Right-Click Step 1

Convert PNG to ICNS on Right-Click Step 1

  1. Save or export it
  2. Double click for install and you are done

Download

You can download final workflow here:

DOWNLOAD 

Buy me a coffeeOut of coffee 😱, please help!