So I posted a Drop in Jump page a while back and it included a little function I made in Automater called “Web Clip Icons”. It creates the correct sized and named files for (what was then and I haven’t looked at now) having icons on touch enabled apple devices show your own styled image.
It also made pretty good favicons.
Webclip Icons Download
It seems reading back over that I didn’t do a great deal to explain how to use the Web Clip Icons very well so I thought I’d make a quick video to show what it does.
After this point you’ll need to add them to an images folder (or where ever you’ve told the header to look for them) and drop them into the folder structure of your site.