With the recent release of iPhone firmware 1.1.3 comes the ability to customize your home screen, including adding webclip icons from websites. It’s pretty easy to make one for your own website/blog and the process is similar to setting up a favicon. It’s basically three steps. You just need to create a 57×57 png file, name it apple-touch-icon.png and upload it to your home directory. Safari will take care of all of the fancy graphics like rounding the corners and added a glassy highlight effect.
Dan Dickinson has an excellent write-up on how to create a iPhone webclip icons.
I was able to easily create a custom iPhone webclip icon for Laughing Squid. I had to adjust the logo first because of cropping and I went with the suggestion of using a 158×158 image for higher resolution. Now if you visit laughingsquid.com on your iPhone, select the “+” option and then “Add to Home Screen”, a nice custom Laughing Squid icon will appear.
via Jon Hicks
photo by Scott Beale
Here Are A Few Related Posts You Might Enjoy:
- Marriage Proposal Using Custom iPhone App & Scavenger Hunt
- 1Password, Manage & Sync Website Passwords on a Mac & iPhone
- iPhone 3G, iPhone 2.0 Software Update & iPhone App Store
- Robots: Evolution of a Cultural Icon at San Jose Museum of Art
{ 2 comments… read them below or add one }
Hello,
One thing that would be good is that when I added a webclip of an RSS feed to the home screen it too could have a nice logo.
Thanks for your post.
It's fixed with version 2.0 of the iPhone and iPod touch software! You don't have to worry about the clipping problems anymore. Now, iphone web clips render properly. You can use a 57 x 57 pixel perfect image and it looks great. I've even posted some test images (one's a grid, one's a 57 x 57 checkerboard) at my site.
http://www.makentosh.com/tipsfromtheiceberg/Blo...