Exempel för favicon

[peterk]

Kan göras hur omfattande som helst i stil med

<link rel="apple-touch-icon" sizes="57x57" href="/apple-touch-icon-57x57.png">
<link rel="apple-touch-icon" sizes="60x60" href="/apple-touch-icon-60x60.png">
<link rel="apple-touch-icon" sizes="72x72" href="/apple-touch-icon-72x72.png">
<link rel="apple-touch-icon" sizes="76x76" href="/apple-touch-icon-76x76.png">
<link rel="apple-touch-icon" sizes="114x114" href="/apple-touch-icon-114x114.png">
<link rel="apple-touch-icon" sizes="120x120" href="/apple-touch-icon-120x120.png">
<link rel="apple-touch-icon" sizes="144x144" href="/apple-touch-icon-144x144.png">
<link rel="apple-touch-icon" sizes="152x152" href="/apple-touch-icon-152x152.png">
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon-180x180.png">
<link rel="icon" type="image/png" href="/favicon-32x32.png" sizes="32x32">
<link rel="icon" type="image/png" href="/android-chrome-192x192.png" sizes="192x192">
<link rel="icon" type="image/png" href="/favicon-96x96.png" sizes="96x96">
<link rel="icon" type="image/png" href="/favicon-16x16.png" sizes="16x16">
<link rel="manifest" href="/manifest.json">
<meta name="msapplication-TileColor" content="#da532c">
<meta name="msapplication-TileImage" content="/mstile-144x144.png">
<meta name="theme-color" content="#ffffff">

...men vi kanske kan begränsa oss till en mer kompakt hantering?

[oBlissing]

Länk till generatorn jag nämnde:
http://realfavicongenerator.net/

[peterk]

Det är den som genererat koden ovan

[peterk]

Vilka kan man skippa?

[klngwll]

Det är ju lite av en djungel, tyckte den här var välformulerad:

https://github.com/audreyr/favicon-cheat-sheet

En favico.ico med 16x, 24x, 32x, 48x, 64x täcker de flesta "vanliga" behov. Sen är ju touch ikonerna lite speciella, men dessa ska inte behöva hänvisas till om man lägger de i rotkatalogen. Kanske någon trevlig grunt/gulp snurra kan sköta lite mer extensiv hantering av detta.