Apple WebClip Bookmark Icon
Introduction
You can associate an icon with your web page for users of Apple iPhone and iPod touch devices. The icon, once bookmarked, will appear on the home screen of the device. Having an icon is a nice way to represent your site instead of the default behavior which is scaled down screenshot of the front page of your web site.
The following describes how to create an icon that fits within Apple specifications (click the “Create a WebClip Bookmark Icon” link).
Instructions
- Design a 57×57 pixel image and save it in PNG format.
- Name the file “apple-touch-icon.png” and place it in the root of your web server directory just as you would for web browser bookmark icons OR you can name the file whatever you want and place file wherever you want on your web server by placing the following code within the
<head>element of each page on your site (NOTE: replace the code highlighted in yellow with a path applicable for your web site):
(click to view)
iPhone Example
The following is the result of bookmarking this web site and placed on the home screen of an iPhone:
(click to view)
NOTE: This requires iPhone version 1.1.3 or higher to work.
No comments yet.
Leave a comment
You must be logged in to post a comment.
Search
Categories
- Adventures
(90)
- Announcements (28)
- Business (16)
- Electronics (21)
- Epicurean (9)
- Games (3)
- Literature (1)
- Mechanical (4)
- Meetings (14)
- Movies (2)
- Music (25)
- Photography (1)
- Services (24)
- Software (99)