Favicon-generator

Zo genereer je favicons

1. 1 Voeg een zo vierkant mogelijke afbeelding toe, minstens 512×512 pixels; een beeldmerk werkt beter dan een woordmerk.
2. 2 De set wordt in één keer gemaakt: favicon.ico (16/32/48), favicon-PNG's op 16, 32, 48, 192 en 512, plus apple-touch-icon.png op 180.
3. 3 Download de ZIP en kopieer de bestanden naar de hoofdmap van je site.
4. 4 Verwijs ernaar in je HTML-head: link rel="icon" href="/favicon.ico", plus rel="apple-touch-icon" voor iOS en de 192/512-PNG's in je webmanifest.

Veelgestelde vragen

Welke bestanden heeft een site echt nodig?

favicon.ico dekt klassieke browsers en bladwijzers, de 32-px-PNG moderne tabbladen, apple-touch-icon.png het iOS-beginscherm, en de 192/512-PNG's horen in het webmanifest voor Android en PWA-installaties.

Waarom oogt mijn logo troebel op 16 pixels?

Zestien pixels kunnen geen detail dragen. Favicons werken het best als eenvoudig, krachtig merkteken; is je logo gedetailleerd, snijd het dan eerst bij tot zijn eenvoudigste element.

Is een niet-vierkante afbeelding een probleem?

Nee, hij wordt eerst vanuit het midden vierkant bijgesneden. Snijdt dat het verkeerde deel af, maak de afbeelding dan zelf vierkant en genereer opnieuw.

Wordt mijn afbeelding ergens geüpload?

Nee. Het genereren draait volledig in je browser; de afbeelding verlaat je apparaat niet.