29
Nov
Your website’s got a favicon right? But does it have an iPhone app icon?
Posted by Benjamin Reid in General
29
Everyone knows (or should know) what a favicon is, you’ve probably got one on your website and if you haven’t, you should. They’re great for finding a particular site amongst a long list of bookmarks and I for one have a lot of bookmarks.
Recently though you’ve been able to add websites to your iPhone/iPod Touch’s home screen by hitting the ‘+’ while in Safari, then pressing ‘Add to home screen’. This then adds an icon to your long list of app’s but just performs as a shortcut to the desired website.
First you need your icon, design it to 58 by 58 pixels and then save it as PNG. Remember, you don’t need any of the fancy rounded corners or glow effect on your icon, the iPhone/iPod Touch will handle that for you.
Now for the code, add this into the <head> of your site and give it a whirl.
<link rel="apple-touch-icon" href="path-to-icon/favicon-iphone.png" />Here’s what my site looks like when you try to add it to your home screen.
Author: Benjamin Reid
My name is Benjamin Reid, I live in the UK and keep the magic locked into this site.
This entry was posted on Sunday, November 29th, 2009 at 12:55 pm and is filed under General & tagged with iPhone, XHTML. You can follow any responses to this entry through the RSS 2.0 feed. You can leave a response, or trackback from your own site.
Related post(s)
9 Responses | Make a comment
- An Introduction to the HTML5 Gamepad API is now on Activetuts+
- What I’d like see included in Coda, by Panic
- Free Photoshop layer style to get this sweet Twitter button
- Quick Tip #10 - How to get HTML5’s placeholder working across all browsers
- How to easily display a Facebook page’s feed on your website
- New additions to the ‘Social Media Bookmark +’ icon pack - inc’ Gowalla, Dribbble & Forrst
- A bit of water colour, a barrel full of talent from Emma Webs’ & you get the novel Alluro
Josh wrote on November 29, 2009
Was wondering how to that the other day - thanks!
Callum Chapman wrote on November 29, 2009
Excellent little tip - I’ll do this when my new theme is up and running!
twe4ked wrote on November 29, 2009
Nice, thanks mate
g-han wrote on January 26, 2010
Thanks for this, I’ve got my own icon now!!!Love it!
The Inside Design wrote on March 28, 2010
Great tip, works perfectly. Thanks!
Michel Durrett wrote on August 27, 2010
I’ve by no means been an Apple fan but I have to confess that the iphone is quite good!
I would wish to know if this subject about the iphone four is necessary or not. I would like to buy the new one and I was wondering if the calls really drop more or not. Sorry if it’s a bit off matter 
Thanks
としあき wrote on February 10, 2011
ありがとう。
Anita wrote on September 10, 2011
Vraiment très enrichissant, votre article est de très bonne qualité.Aussi, j’ai partagé votre site dans mes réseaux sociaux !
men underwear wrote on October 3, 2011
hi!,I like your writing so much! share we keep up a correspondence more approximately your article on AOL? I need an expert on this area to solve my problem. Maybe that’s you! Having a look ahead to see you.