To create an iPhone/Ipad/Ipod favicon or webicon for your site, you’ll want to create a 57×57 PNG file. Save it as apple-touch-icon.png. Go ahead and upload it to the root folder of your website. Like a normal favicon, you can override it with a simple line of code in your head tag.
1 |
<link href="/customIcon.png" rel="apple-touch-icon" /> |
or
1 |
<link href="/customIcon.png" rel="apple-touch-icon-precomposed" /> |
so Safari on iOS won’t add any effects to the icon.
Leave a Reply