Ben Holliday

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.

This is my blog where I’ve been writing for 18 years. You can follow all of my posts by subscribing to this RSS feed. You can also find me on Bluesky, less frequently now on X (formally Twitter), and on LinkedIn.