iPhone icons
How we added an iPhone icon to Torchbox.com
We thought it was about time Torchbox.com got a cool little iPhone icon, these work in a very similar way to favicons (the little icons you see next to website addresses).
After a little playing around we discovered that the icons on screen are 57x57pixels however it works best to create your icons a little larger at 158x158 pixels, the iPhone then scales it down making it nice and crisp. What's especially nice is that the iPhone automatically adds a little transparent highlight fitting them in nicely with all your other applications.
How to create your own:
- Create an image 158x158pixels
- Save it as apple-touch-icon.png
- Upload it to the root of your server
- (optional: If you want to specify an icon at a different path, or filename, use a Link tag in the <head> of your page: <link rel="apple-touch-icon" href="/customIcon.png" />)
- Enjoy
So what are you waiting for, add Torchbox.com to your iPhone homepage now :)
