Favicongenerator — favicon.ico en app-iconenset
Maak iconen in alle formaten voor browsertabbladen, het startscherm van je telefoon en zoekresultaten, en download ze allemaal in één ZIP.
Het bestand wordt niet naar een server verzonden — wordt alleen verwerkt in de browser van dit apparaat
Dikte
Vorm
App-informatie (site.webmanifest)
HTML om in je <head> te plakken
<link rel="icon" href="/favicon.ico" sizes="32x32"> <link rel="icon" href="/favicon.svg" type="image/svg+xml"> <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png"> <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png"> <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png"> <link rel="manifest" href="/site.webmanifest"> <meta name="theme-color" content="#3182f6">
Dit geldt wanneer de bestanden uit de ZIP in de hoofdmap (/) van je site worden geplaatst. Dezelfde code staat ook in head.html.
Advertentie
Hoe gebruik je Favicon maken
- 1Upload een afbeelding of stel tekst/emoji en een kleur in.
- 2Bekijk in het voorbeeld hoe het eruitziet op elk formaat.
- 3Klik op [ZIP downloaden] en plak de aangegeven HTML-code in je <head>.
Veelgestelde vragen
Wat is een goede originele afbeelding?
Een vierkante PNG of SVG van minstens 512×512 geeft het beste resultaat. Eenvoudige vormen zijn op kleine formaten het best zichtbaar.
Is één favicon.ico niet genoeg?
Voldoende voor oudere browsers, maar voor het startscherm van iPhone (180px) en Android (192/512px) is een apart PNG-bestand nodig.
Advertentie