Favicon and Apple icons


/ Published in: HTML

A favicon (short for favorites icon), also known as a shortcut icon, website icon, URL icon, or bookmark icon is a 16×16 or 32×32 pixel square icon associated with a particular website or webpage. The interesting bit here is the apple-touch-icon which is used if you save a bookmark to your home screen on an apple touch device such as an iPad or iPhone. Interestingly enough, android also supports its usage. The apple-touch-icon default size is 57px by 57px. As the comment says, if your icons are in the root of your domain, these links aren’t required.


Copy this code and paste it in your HTML
  1. <!-- Place favicon.ico and apple-touch-icon.png in the root of your domain and delete these references -->
  2. <link rel="shortcut icon" href="/favicon.ico">
  3. <link rel="apple-touch-icon" href="/touch-icon-iphone.png">
  4. <link rel="apple-touch-icon" sizes="72x72" href="touch-icon-ipad.png" />
  5. <link rel="apple-touch-icon" sizes="114x114" href="touch-icon-iphone4.png" />
  6. <link rel="apple-touch-icon-precomposed" href="/touch-icon-android.png"/>

URL: http://www.cappellin.net/2010/12/favicon-and-apple-icons.html

Report this snippet


Comments

RSS Icon Subscribe to comments

You need to login to post a comment.