News, info, and opinion by Mac users, for Mac users.

January 16, 2008

tips

Create a custom WebClip bookmark icon for your site

Posted Jan. 16, ’08, 1:00 PM PT by Aayush Arya
Category | Tips

iPod touch WebClipIf you own a website and want it to look good on the home screen of an iPhone or iPod touch should the user choose to make a web clip out of it, Dan Dickinson has a handy little tip for you from Apple’s iPhone Dev Center.

“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” and if you want to override the default icon on certain pages, you can “insert a <link> element similar to <link rel=”apple-touch-icon” href=”/customIcon.png”/> within the <head> element of the page”. You don’t need to try to make it look like one of the default icons though because Safari automatically adds a glassy overlay and masks your image into the rounded square shape before adding it to the home screen.

Check out Dickinson’s blog for a little more clarification on this one.

[Via Daring Fireball]


2 Comments

andy said:

can you really post about saying how easy it is without having added it to your site yet? i say this out of love, i want a nice pretty MU on my home screen asap

January 16, 2008 2:43 PM
Dan Moren Author Profile Page said:

@andy Ask and ye shall receive. Done and done. ;)

January 16, 2008 3:37 PM

Leave a comment

 



IDG IDG NETWORK:   CIO   Computerworld   CSO   GamePro   GamerHelp   IDG Connect   Infoworld  
   JavaWorld   LinuxWorld   Macworld   Network World   PC World   PC World Canada   Playlist   Techworld