Favicon size replacement

12.3 quark ecommerce quick start
Working site: www.ahgoobaby.com/Redesign3

There are different favicon sizes ideal to each browser as well as different operating systems and locations each use those favicons. There us the standard browser tab, ios touch icon, android chrome icon etc. The gavick template has one upload location for changing the favicon. What is the ideal size to format this file so that it can be used in the largest number of locations? Currently I have it at 16x16 but it is only changing the desktop browser tab and Android and ios touch icons still show as gavick.

Hi

I always add some more icons to the list in /layout/blocks/head.php with this code:

Code: Select all

<!-- Standard Favicon (16x16) -->
  <link rel="icon" type="image/x-icon" href="/favicon.ico" />

<!-- Opera Speed Dial Favicon (160x160) -->
  <link rel="icon" type="image/png" href="/speeddial-160px.png" />

<!-- For iPhone 4 Retina display (114x114) -->
  <link rel="apple-touch-icon-precomposed" sizes="114x114" href="/apple-touch-icon-114x114-precomposed.png">

<!-- For iPad (72x72) -->
  <link rel="apple-touch-icon-precomposed" sizes="72x72" href="/apple-touch-icon-72x72-precomposed.png">

<!-- For iPhone (57x57) -->
  <link rel="apple-touch-icon-precomposed" href="/apple-touch-icon-57x57-precomposed.png">


the above are the most common, but there is lots more: https://css-tricks.com/favicon-quiz/