Apple Touch Icons

Apple have now given users the ability to add links to both the iPod Touch and iPhone home page screens for any website. This is a really great feature in the latest software upgrade (even with the additional cost for us iPod Touch owners).

When you bookmark a page in this way the icon used for this home page is simply a thumbnail screenshot of the webpage page unless that website has added a ‘touch icon’ graphic for the site. These work a bit like favicons for apple devices.

The problem is that so far not many sites have these so the icon instead defaults to a screenshot of the webpage instead (ie. not actually that useful when bookmarking multiple sites).

Drew McLellan has written on his blog about an excellent way of hacking around this to add your own icons for any site. This uses a JavaScript bookmarklet that can be added to Safari /synced to your iPod/iPhone. I actually found this a bit fiddley to use but later found a another post that had adapted this script slightly to point to images on their own server.

So finally, I’ve adapted this for myself so I can host my own icons here on Hollidazed, mainly for my own reference but also so I can create icons for my own choice of bookmarks. Hopefully I’ll add a gallery/reference for these in the next few days if anyone else wants to use them.

The Hollidazed Set Touch Icon Bookmarklet.

Ben Holliday is an experienced designer, leader, writer and speaker. This is his blog (started in 2005). You can follow all of Ben's blog posts by subscribing to the RSS feed, or follow him on Twitter for more regular updates.