Skip to the content...

Welcome to the David Walsh Blog. I'm a MooTools, Dojo, jQuery, CSS, and PHP Web Developer located in Madison, Wisconsin, United States. Please contact me if I can make your experience on my website better.

Set Your Site’s Apple Touch Icon

5 Responses »
Apple Touch Icon

Apple's mobile devices are taking over the world. iPhones and iPod Touches are all over the place. You can set an Apple Touch Icon for your website just like you can set a favorite icon. So lets do it!

The XHTML

<link rel="apple-touch-icon" href="/apple-touch-icon.png"/>

The icon should be 57 pixels wide by 57 pixels tall.

Just like the favorite icon. Yet another creative detail to add to your site. Show people that you care about the details!

Discussion

  1. george wiscombe
    July 17, 2009 @ 8:18 am

    Good one to remember.

    Also worth mentioning that the icon should be 57x57px

    Reply
  2. david walsh
    July 17, 2009 @ 8:21 am

    Good call George!

    Reply
  3. rick wolff
    July 17, 2009 @ 12:26 pm

    And what does this button do?

    Reply
  4. david walsh
    July 17, 2009 @ 12:35 pm

    @Rick: There’s an option in iPhone/iPod Touch’s Safari that lets you place shortcuts to websites right on the main screen. This icon will be used in case someone does that for your site.

    Reply
  5. confiq
    July 19, 2009 @ 3:09 pm

    It reminds me of MSIE and they standardization :)

    Reply

Be Heard!

Share your thoughts with fellow developers of all skill levels! I want to hear from you!

Name*:
Email*:
Website:  
Wrap your code with <code> tags, f00!
The Bottom Line