Website Update

The website has been updated from Joomla 3 to Joomla 4 today.

With the upgrade to Joomla 4, I have switched from ChronoForms to Convert Forms.

I no longer recommend ChronoForms as each new version needs to be relearned as it operates differently and there is never enough documentation when the new version is released.

I have also updated the PHP ICO version from 1.0.2 to the latest version 1.0.4.

I do not anticipate any issues but let me know if you notice anything unexpected!

180x180 Apple Launcher Icon Added

As per feedback from Seb Frost, I have added support for the 180x180 Apple Launcher Icon.

The Favicon Cheat Sheet

audrey roy

The Favicon Cheat Sheet at https://github.com/audreyr/favicon-cheat-sheet is an excellent resource created and maintained on GitHub by Audrey Roy @audreyfeldroy.

Included are links to other favicon resources, recommended code to include in your HTML, recommended image specifications and favicon tools.

Also included are instructions on forcing a favicon refresh which is a very popular question asked on the Internet.

Thanks Audrey!

iOS7 Support Added

Thanks @danwood for letting me know about new Apple application icon sizes for iOS7.

Mathias Bynens recently updated his excellent everything you always wanted to know about touch icons article including a link to an official Apple document about Icon and Image Sizes.

donesmart

It appears that the high resolutions for iPhone, iPod Touch and iPad have been updated as follows:

  • iPhone and iPod touch: 114x114 updated to 120x120
  • iPad: 144x144 updated to 152x152

The standard resolution equivalents are half the above resolutions which means we will also need:

  • 60x60
  • 76x76

The updated list of required icons as far as I can tell is now as follows:

  • apple-touch-icon.png
  • apple-touch-icon-57x57.png
  • apple-touch-icon-60x60.png *NEW* *
  • apple-touch-icon-72x72.png
  • apple-touch-icon-76x76.png *NEW*
  • apple-touch-icon-114x114.png
  • apple-touch-icon-120x120.png *NEW*
  • apple-touch-icon-144x144.png
  • apple-touch-icon-152x152.png *NEW*

Iconifier has been updated accordingly.

* Update 23/09/2013

As pointed out by Mathias Bynens, it's unlikely that iOS 7 will be made available on non-Retina iPhones and iPads so there’s no reason to include the 60×60px and 76×76px icons.

* Update 07/10/2013

As Ben points out, the 76×76px icon is required so I have added it back in.

More About Favicons

Favicon Refresh

Jonathan T. Neal has written a  good in-depth article, Understand the Favicon on the favicon, touch icons and tile icons and the best ways to implement these on your website.

Jonathan also points to another interesting article about favicons, Create the Perfect Favicon from .net Magazine. This is an edited excerpt from Chapter 3 of The Icon Handbook by Jon Hicks.