Welcome to this week’s web design video tutorial. Nick’s away this week, so my colleague Luci has joined me to show you how to create an Apple Touch Icon for your website. If you’re wondering what an Apple Touch Icon is, simply watch the video above for a demonstration on my iPhone.
Taking into consideration that iPhones and iPads are becoming more and more popular, it’s definitely worth taking 20 minutes to design and install an Apple Touch Icon for your website.
How to Embed your Apple Touch Icon
If, like we mention in the video, you don’t want to leave the PNG lying around on your root directly, simply embed the following code within the ‘head’ tag of your web page(s).
<link rel="apple-touch-icon" href="/path/apple-touch-icon.png">
How to remove Apple’s Icon Formatting
If you don’t wish for your icon to be glossed, and have its’ corners rounded, simply adjust your embedding code to the following:
<link rel="apple-touch-icon-precomposed" href="/path/apple-touch-icon.png">
Grea video, looks so cool.
The very dab! brilliant