Favicon-generator
Local only — nothing is uploaded unless you save or share it.
Een favicon-generator die van elke afbeelding een complete set maakt.
- Sleep er een vierkante afbeelding in, het liefst 512×512 of groter
- Download de iconen, of de losse maten die je nodig hebt
- Plak het HTML-fragment in de head van je pagina
Bezig…
Je afbeelding was niet vierkant, dus is het grootste gecentreerde vierkant gebruikt. Iconen zijn altijd vierkant — uitrekken zou hem bij 16 pixels onleesbaar maken.
Plak dit in je <head>
Bewaar deze tool
Houd Favicon-generator bij de hand
Gebruik het deelmenu van je browser en dan „Zet op beginscherm”.
Over deze tool
Een favicon was vroeger één klein bestand en is nu een kleine verzameling, want browsers, iOS-beginschermen en Android-launchers willen allemaal andere maten. Deze generator maakt de set die er werkelijk toe doet in plaats van de historische stapel van twintig bestanden: een favicon.ico met meerdere resoluties met versies van 16, 32 en 48 pixels voor de browserrand en bladwijzers, losse PNG's van 16 en 32 voor moderne browsers, een Apple touch-icoon van 180 pixels, en iconen van 192 en 512 pixels voor Android en progressieve webapps. Hij geeft je ook de HTML om in je head te plakken en de manifest-regels voor de Android-maten, want weten welke bestanden je moet maken is maar de helft van het probleem. Niet-vierkante afbeeldingen worden bijgesneden tot een gecentreerd vierkant in plaats van platgedrukt, want een uitgerekt logo is bij 16 pixels onleesbaar. Alles wordt in je browser gemaakt, dus je logo wordt nooit geüpload.
Veelgestelde vragen
Hoe groot moet mijn bronafbeelding zijn?
Minstens 512×512, en vierkant. Alles wordt vanaf je origineel omlaag geschaald, dus klein beginnen levert wazige iconen op in de grotere maten. Een vectorlogo geëxporteerd op 1024×1024 geeft de schoonste resultaten.
Heb ik favicon.ico nog nodig?
Ja, al minder dan vroeger. Browsers vragen standaard /favicon.ico op, zelfs zonder linktag, en het is nog steeds wat in sommige bladwijzer- en geschiedenisweergaven verschijnt. De .ico hier bevat drie resoluties zodat browsers de scherpste kunnen kiezen.
Waarom wordt mijn niet-vierkante logo bijgesneden?
Omdat elke faviconplek vierkant is, en een breed logo uitrekken om het passend te maken het bij 16 pixels onleesbaar maakt. Het grootste gecentreerde vierkant wordt gebruikt. Snijdt dat iets belangrijks weg, maak dan eerst een vierkante versie van je merk — de meeste merken hebben er precies om deze reden een.
Waarom werkt mijn favicon niet bij na het uploaden?
Browsers bewaren favicons hardnekkig in de cache, vaak voorbij een gewone verversing. Probeer een harde herlading, open het icoonadres rechtstreeks, of kijk in een privévenster. Het is vrijwel altijd de cache en geen kapot bestand.
Kan ik beter een SVG-favicon gebruiken?
SVG-favicons worden goed ondersteund en schalen perfect, dus ze zijn een goede eerste keuze als je schone vectortekeningen hebt. Je wilt nog steeds een .ico en een Apple touch-icoon als terugval, en dat is precies wat deze set levert.
Help deze tool beter te maken
Een fout gevonden, iets anders willen, of mis je een tool?
Je hebt een niet-verzonden bericht.
Dank je — hij is binnen. Het antwoord vind je in je postvak.Go to my messages