Web Tips: Custom iPhone Bookmark Icons

Promote your business by creating a custom Bookmark icon for the iPhone.  This is a great way for your customers to keep your website or blog close at hand with just a single tap on your custom icon.

Step 1: Create custom icons that are 57 pixels x 57 pixels and save them as PNG files. This custom icon can simply be a logo, image, or anything else that easily represents your company or website in a small area. Common programs that have the ability to save a file as a PNG file are Adobe Photoshop or Fireworks.
PLEASE NOTE: the resolution for your image should be no larger than 72 dpi.

Step 2: Rename the file to apple-touch-icon.png

Step 3: Upload the file to your root directory on your server. The root directory is where the files are stored directly under your domain, such as http://www.unitednotions.com/apple-touch-icon.png

That is it.  Now on your iPhone, simply go to your website and download a bookmark to your iPhone.

HINT: There is no need to create the highlight or curved corners that you see on all the bookmarks on your iPhone.  Apple takes care of this part for you.

Have fun!

Jump to Leave us a Comment

4 thoughts on “Web Tips: Custom iPhone Bookmark Icons

Comments are closed.