[HOW TO] Custom WebClip Icons

Discussion in 'iOS Themes and Customization' started by kappatango, Jan 31, 2008.

  1. kappatango

    kappatango New Member

    Joined:
    Jan 2, 2008
    Messages:
    998
    Likes Received:
    6
    I have seen a few people ask, so I thought I would post this mini tutorial.....

    HOW TO CREATE CUSTOM WEBCLIP ICONS:

    Please Register or Log in to view images



    What you do is....

    + Open your favourite paint program, photoshop, paint shop pro etc....
    + Make an NEW image 59 x 60 pixels, with transparent background
    + Make up your icon to those specs
    + If you want rounded edges, crop it by using a selection tool, rounded rectangle, then crop.
    save the image as icon.png

    + SSH into your ipod
    + goto /private/var/mobile/library/webclips
    + The folders will have weird names, but open one up and read the info.plist ( this will tell you the url so you know which one you are editting)
    + Copy your new icon to the folder ( icon.png ) and replace the old one.
    + If you have more than one ready, repeat above...

    Remember, each icon will need to be named icon.png, so there isa bit of shuffling to do when you save them, so as not to overwrite a previous image.....

    Tip: I do them one by one, then rename it to the website name after its been SSH'd in

    Please Register or Log in to view images



    Respring and they will appear!
  2. I_am_Mad_like_This

    I_am_Mad_like_This New Member

    Joined:
    Nov 6, 2007
    Messages:
    762
    Likes Received:
    3
    I am sorry, but i thought it was 57x57. do i stand correct?
  3. kappatango

    kappatango New Member

    Joined:
    Jan 2, 2008
    Messages:
    998
    Likes Received:
    6
    the icon that I modified from an "official" webclip was 59 X 60........

Share This Page