Favicon-generator
Eén afbeelding erin, de complete favicon-set eruit.
Zo genereer je favicons
- Voeg een zo vierkant mogelijke afbeelding toe, minstens 512×512 pixels; een beeldmerk werkt beter dan een woordmerk.
- 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.
- Download de ZIP en kopieer de bestanden naar de hoofdmap van je site.
- 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.