Favicon-generator
Maak van een logo of een vierkante afbeelding een complete set favicons: een favicon.ico met meerdere formaten, PNG-pictogrammen voor browsers en telefoons, een webmanifest en de HTML om in je site te plakken. Alles wordt in je browser gemaakt, dus je ontwerp wordt nooit geüpload.
Sleep hier een afbeelding naartoe of klik om een bestand te kiezen
Een vierkante PNG met transparantie werkt het best. Bestanden blijven op je apparaat.
Voorbeeld
HTML voor de head van je pagina
Elk pictogramformaat wordt gemaakt, de favicon.ico wordt samengesteld en de ZIP wordt ingepakt, alles door je browser. Je bronafbeelding wordt nooit naar een server gestuurd.
Alles wat je nodig hebt voor een favicon
Een favicon is het kleine pictogram in browsertabs, bladwijzers en op het beginscherm van telefoons. Een goede favicon vraagt meerdere formaten en een paar bestandstypen, wat lastig is om met de hand te maken. Deze favicon-generator maakt van één afbeelding de hele set: een klassieke favicon.ico met de versies van 16, 32 en 48 pixels, aparte PNG's voor moderne browsers en Apple- en Android-apparaten, een webmanifest en de exacte regels HTML om in de head van je pagina te zetten.
Gemaakt voor webontwikkelaars, bloggers en webshopeigenaren die een scherpe, correcte favicon willen voor alle browsers en apparaten, zonder gedoe met een beeldbewerkingsprogramma.
Een favicon maken
- Kies een afbeelding. Een vierkant logo of pictogram met transparante achtergrond geeft het schoonste resultaat.
- Bekijk de voorbeelden. Zie hoe het eruitziet op elk formaat, van een klein tabpictogram van 16 pixels tot 512 pixels.
- Download. Pak alleen de favicon.ico of het volledige ZIP-pakket met alle bestanden.
- Plak de HTML. Kopieer het fragment naar de head van je site en upload de bestanden naar de hoofdmap.
Een echte ICO met meerdere formaten
De favicon.ico is een echt pictogrambestand met de afbeeldingen van 16, 32 en 48 pixels in één, zodat browsers de scherpste versie kunnen kiezen voor tabs, bladwijzers en de adresbalk.
Pictogrammen voor web en mobiel
Het pakket bevat PNG-pictogrammen voor moderne browsers, een Apple touch icon van 180 pixels voor iPhones en pictogrammen van 192 en 512 pixels voor Android en progressive web apps.
HTML om direct te plakken
Je krijgt ook een manifestbestand en een kort blok HTML om in de head van je pagina te kopiëren. De favicon in je site zetten is dus plakken en uploaden.
Waarom deze favicon-generator
- Complete set: ICO, PNG-pictogrammen, manifest en HTML in één keer.
- Echte ICO met meerdere formaten: 16, 32 en 48 pixels gebundeld in favicon.ico.
- Geen upload: je logo wordt in de browser verwerkt en blijft privé.
- Geen watermerk: de pictogrammen bestaan alleen uit jouw afbeelding, er wordt niets toegevoegd.
- Gratis en direct: geen account en niet wachten op een server.
Populaire favicon-formaten en toepassingen
De snelste manier om een favicon te maken is een vierkante PNG of JPG van je logo erin te slepen en de tool alle formaten te laten maken. De favicon.ico die hij bouwt bevat de versies van 16 bij 16, 32 bij 32 en 48 bij 48 in één bestand, precies wat browsers willen voor tabs, bladwijzers en de adresbalk. Het pictogram van 16 bij 16 is het kleine pictogram dat je in een browsertab ziet, terwijl 32 bij 32 wordt gebruikt voor scherpere schermen en vastgepinde snelkoppelingen. Heb je een WordPress-, Shopify- of gewone HTML-website, dan upload je deze favicon.ico naar de hoofdmap van je site en plak je de bijbehorende link-tags in de head van de pagina.
Voor telefoons en apps krijg je ook een Apple touch icon van 180 bij 180, het formaat dat iPhone en iPad gebruiken als iemand je site aan het beginscherm toevoegt, plus PNG's van 192 bij 192 en 512 bij 512 voor Android en progressive web apps, samen met een webmanifest. Omdat de afbeelding wordt geschaald en gecentreerd, kun je van een breed logo, een app-pictogram of één letter een nette set pictogrammen maken. Een eenvoudig symbool met transparante achtergrond is het best leesbaar als het krimpt tot 16 bij 16.