Shockingly Simple Favicon. HOWTO: iPhone Webclip Icons - Dan Dickinson: The Primary Vivid W. I remember, years ago, I was baffled by the little 16×16 icons that were showing up in my URL toolbar, and it took a surprising amount of searching to find out how to create one.
I refuse to let this happen again. So: if you want to make a custom icon for your website that will show up in the Springboard when a user makes a “webclip”, using their iPhone or iPod Touch, the dirt simple way is: Create a 57×57 PNG.Name it “apple-touch-icon.png”Throw it in the root folder of your website. (Not the root of your server, the root of your web documents.) Making a favicon [DECEMBER14.NET. A favicon is a resource file used by web sites to customise a visitor’s experience of the site in their browser — albeit in a small way.
Exactly how this customisation manifests itself depends on the visitor’s browser, as different browsers have different support for favicons. For example: