July 10, 2026
Assign the iPhone Icon For Your Website!

Assign the iPhone Icon For Your Website!

Posted January 31, 2008 at 1:38pm by
You can now assign an iPhone icon to your website or webpage for use with the new Web Clip Bookmark feature.

iPhone and iPod touch allow a user to save a Web Clip bookmark to your site on their Home Screen.


To specify a bookmark icon for all pages of a web site, place a PNG image named "apple-touch-icon.png" at the root directory of your web server - similar to the "favicon.ico" for site icons.

To override the site bookmark icon on a specific web page, insert a element similar to within the

element of the page.

The bookmark icon dimensions should be 57x57 pixels. If the icon is a different size it will be scaled and cropped to fit.

Safari will automatically composite the icon with the standard "glassy" overlay so it looks like a built-in iPhone or iPod application.

Assign the iPhone Icon For Your Website!

Add Comment
Would you like to be notified when someone replies or adds a new comment?
Yes (All Threads)
Yes (This Thread Only)
No
iClarified Icon
Notifications
Would you like to be notified when we post a new Apple news article or tutorial?
Yes
No
Recent. Read the latest Apple News.
RECENT
Tutorials. Help is here.
TUTORIALS
Deals. Save on Apple devices and accessories.
DEALS