Posted By

paul66 on 01/27/11


Tagged

favicon icons html5 appletouch


Versions (?)

Who likes this?

9 people have marked this snippet as a favorite

ClickyMouse
karstenrowe
abbyabigale
SpinZ
rasitozcan
JaDaar
lookingforsome
Beppoi
Priestd09


Favicon and Apple icons


 / Published in: HTML
 

URL: http://www.1stwebdesigner.com/design/snippets-html5-boilerplate/

The favicon is pretty much normality these day. 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. As far as I can tell, the apple-touch-icon size is 60px by 60px. As the comment says, if your icons are in the root of your domain, these links aren’t required.

  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="/apple-touch-icon.png">

Report this snippet  

You need to login to post a comment.