LevelTen In-Site Blog
left shadow
February 6th, 2008
Posted by Alice Noyes at 10:39 am

Over at Bitt Box.com a blog was posted today alerting designers to the growing importance to tailor web design to the increasing number of iPhone and iTouch users.

web clip icons

WebClip Icons are strictly for iPhone & iPod Touch users, but since they are quite the popular little devices, website owners might want to think about adding a WebClip icon soon. A WebClip icon is the icon that the iPhone/iPod Touch uses if a user adds your site to their (now customizable) homescreens.

The icon itself gets cropped a bit when the iPhone adds the glossy effect to your icon. So, you’ll want logos and text to fall within 47×47 pixels within the 57 pixels. Also scaling the icon a few pixels larger than 57×57 will increase its resolution a bit when the iPhone scales it back down.

Here is an example that apple provided for scale & image optimization.
apple itouch icon

Category: Web Development, Web Creative, Technologies, Blog Beat

Add to: | Digg it

One Response to “Web Clip Icons!”

  1. Jake Says:

    This is awesome! The icons are really great! Thanks a lot for these… :)

Leave a Reply

right shadow