Set Your Site’s 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!
<link rel="apple-touch-icon" href="/apple-touch-icon.png"/>
The icon should be 114 pixels wide by 114 pixels tall.
Just like the favorite icon. Yet another creative detail to add to your site. Show people that you care about the details!
Hey everyone! Before we get started, I just want to say it's damn hard to pick this few favorites on CodePen. Not because, as a co-founder of CodePen, I feel like a dad picking which kid he likes best (RUDE). But because there is just so...
Good one to remember.
Also worth mentioning that the icon should be 57x57px
Good call George!
And what does this button do?
@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.
It reminds me of MSIE and they standardization :)
Thanks for the tip. I’ve just done it. But, instead of putting the PNG file in the root folder, I put in the themes folder and changed the href reference accordingly. Is this all right?
where do i put this xhtml code?