Export a 512x512 resolution PNG of t3_icon-rob5.ai from Illustrator

Issue #496 closed
Robert Leach created an issue

USE CASE: WHAT DO YOU WANT TO DO?

Support the max icon resolution used by Mac OS X.

STEPS TO REPRODUCE AN ISSUE (OR TRIGGER A NEW FEATURE)

  1. Open TreeView3.icns in Preview.app and inspect the largest version of the logo.

CURRENT BEHAVIOR

The logo.png file is 357x357 pixels, which is below the resolution used by Mac OS X in the Finder. The TreeView3.icns files, produced from the logo.png file scaled up the 357x357 image to create the max resolution version, so it looks somewhat pixelated.

EXPECTED BEHAVIOR

The largest version of the logo saved in the .icns file should be at max resolution (512x512 pixels).

DEVELOPERS ONLY SECTION

SUGGESTED CHANGE (Pseudocode optional)

  1. Open the t3_icon-rob5.ai file in illustrator
  2. Export the file as a PNG with dimensions 512 by 512 and a transparent background, making sure that it's square and that there is no extra border between the top, bottom, left, and right edges and the actual image.
  3. Save the logo.png file in the locations indicated it lives in the FILES AFFECTED section below.
  4. Follow this procedure to produce a new TreeView3.icns file:

    mkdir TreeView3.iconset
    sips -z 16 16 logo.png --out TreeView3.iconset/icon_16x16.png
    sips -z 32 32 logo.png --out TreeView3.iconset/icon_16x16@2x.png
    sips -z 32 32 logo.png --out TreeView3.iconset/icon_32x32.png
    sips -z 64 64 logo.png --out TreeView3.iconset/icon_32x32@2x.png
    sips -z 128 128 logo.png --out TreeView3.iconset/icon_128x128.png
    sips -z 256 256 logo.png --out TreeView3.iconset/icon_128x128@2x.png
    sips -z 256 256 logo.png --out TreeView3.iconset/icon_256x256.png
    sips -z 512 512 logo.png --out TreeView3.iconset/icon_256x256@2x.png
    sips -z 512 512 logo.png --out TreeView3.iconset/icon_512x512.png
    sips -z 512 512 logo.png --out TreeView3.iconset/icon_512x512@2x.png
    iconutil -c icns TreeView3.iconset
    
  5. Copy the TreeView3.icns file to the 2 locations it lives in, indicated in the FILES AFFECTED section below.

FILES AFFECTED (where the changes will be implemented) - developers only

  • build/resources/main/logo.png
  • build/resources/main/TreeView3.icns
  • src/main/resources/logo.png
  • src/main/resources/TreeView3.icns

LEVEL OF EFFORT - developers only

minor

COMMENTS

I would have done this myself, but I don't have a copy of illustrator on my work iMac.

https://bitbucket.org/TreeView3Dev/treeview3/issues/attachments/482/TreeView3Dev/treeview3/1476995175.82/482/t3_icon-rob5.ai

Comments (18)

  1. Anastasia Baryshnikova

    Hey @hepcat72 -- I can do this but can you save the AI file in a CS5 format? It sounds like your illustrator is newer than mine (CS5) and that messes up a few things for editing.

  2. Robert Leach reporter

    Hmmm... I don't have Illustrator on my work computer. I might be able to log into my laptop at home and do it. I'll put that on my to-do list.

  3. Anastasia Baryshnikova

    Hey @hepcat72 -- I created the transparent png 512x512 file but am not sure exactly how to upload it to the right locations (step 3 of the procedure above). Can you do that?

    logo.png

  4. Log in to comment