« Rentals are on iTunes Now - Hours later


4 Hours till giveaways go out! »


Custom Homepage iPhone Icon for your Website

January 16th, 2008 at 1:44 am

apple-touch-icon.png

Reading the TUAW today I found a cool post on how to by create a custom icon for you iphones homepage on Dan Dickinsons site. All you have to do is

    1. Create a 57×57 PNG.
    2. Name it “apple-touch-icon.png”
    3. Throw it in the root folder of your website.

      If you go to Dan Dickinsons link above, it will explain ways to make the .png file name to whatever you want. It’s Pretty cool. Only thing I suggest is keep at least 15% space around your logo or it will be chopped off a little. I made one for www.50leaves.com and turned out pretty good.

      This entry was posted on Wednesday, January 16th, 2008 at 1:44 am and is filed under Apple, iPhone. You can follow any responses to this entry through the RSS 2.0 feed. You can skip to the end and leave a response. Pinging is currently not allowed.

      Bookmark This:

      3 Responses to “Custom Homepage iPhone Icon for your Website”

      Click Here To Add Avatar To Your Account on Gravatar.com

      1. John Stansbury Says:
        January 16th, 2008 at 1:58 am

        Or, you could go to this page:

        https://developer.apple.com/iphone/devcenter/designingcontent.html

        And click on “Create a WebClip Bookmark Icon”

      2. WalkerP Says:
        January 16th, 2008 at 2:14 am

        :-( i wish they could just have supported favicon.ico with a 64×64 or 48×48 icon resource as well as the 16×16. This is awfully non-standard — and even worse - gven the rel of ‘apple-touch-icon’, actively anti-standards.

      3. Travis Says:
        January 16th, 2008 at 5:06 pm

        That would of been easier to support to the favicon since most websites currently won’t have the Apple icons.

      Leave a Reply

      You must be logged in to post a comment.