creating a custom iPhone favicon

custom iphone favicon

adding a custom favicon for the iPhone or iTouch is easy (plus it’s extra nice to see your custom icon when you bookmark the site). going forward it’s a good idea to create a standard favicon for your site (or a client’s site), along with the favicon for the iPhone. here’s how:

step 1: create your favicon at 57 x 57 pixels. save it as a .png and name it favicon.png (yes, .png, not .ico. the .ico format is for the browser favicon).

step 2: upload it to the root directory for your site. (the same spot you would upload your favicon.ico file)

step 3: add this line within the <head>

<link rel="apple-touch-icon" href="/favicon.png" />

that’s it! nice and easy.

Leave a Reply