Indiana University


IU Webclip Icon

iPhone showing the IU webclip icon

With Apple's recent firmware updates to the iPhone and iPodTouch, users can now save a 'webclip' to the device's home screen. When you add a Web site to your home screen, the default icon is a cropped image of the site. This tip explains how to add a custom icon for your Web site. The process is similar to adding a favicon, or favorites icon, to your site.

First, create a PNG image, name it apple-touch-icon.png, and upload it to the root of your Web site.

I have created an IU webclip icon and posted it to the iu.edu/ indiana.edu server. If you have an IU subdomain (such as creativeservices.iu.edu), this webclip won't work by default. To get this to work with an IU subdomain, you'll need to either upload the PNG file to your own Web account, or add the following line of code to the head of your documents:

<link rel="apple-touch-icon"
href="http://www.iu.edu/apple-touch-icon.png" />
Posted by Kyle Haskins | March 21, 2008 | Comments (0)

Post a comment

Comment Guidelines: Basic XHTML is allowed (a href, strong, em, code). Line breaks and paragraphs are automatically generated. Comments are moderated and off-topic or inappropriate comments will be edited or deleted. Your e-mail address will never be published.





Blog Archives

Categories

Entries by Month

Search Brainstorms

View all archives >>