Favicon-generator

Wat is een favicon-generator?

Een favicon-generator maakt de kleine pictogrammen die in browsertabbladen, bladwijzers en mobiele startschermen verschijnen. Modern favicon-setup vereist meerdere formaten en afmetingen.

Het oorspronkelijke favicon.ico-formaat (16x16 pixels) is niet meer voldoende. Moderne browsers en apparaten verwachten SVG, PNG in meerdere afmetingen, Apple Touch Icons en een web app manifest met grotere pictogrammen.

Hoe gebruikt u deze tool?

Upload een afbeelding (bij voorkeur vierkant, minstens 512x512) of ontwerp een eenvoudig pictogram met tekst en kleuren. De generator maakt alle benodigde formaten en geeft de HTML-code om in uw pagina op te nemen.

Vereiste favicon-formaten

• 16x16 — pictogram voor browsertabs (de klassieke favicon-grootte).
• 32x32 — taakbalksnelkoppeling, browsertabs op high-DPI-schermen.
• 180x180 — Apple Touch Icon voor het iOS-startscherm.
• 192x192 en 512x512 — Android-startscherm en splash screen (PWA-manifest).

Tips voor favicon-ontwerp

Favicons moeten herkenbaar zijn op kleine formaten. Gebruik krachtige vormen, eenvoudige geometrie en hoog contrast. Tekst werkt zelden onder 32x32. Eén letter of een abstract symbool van uw merk is het meest effectief. Test uw favicon op de werkelijke weergavegrootte (16x16) — details die er prachtig uitzien op 512x512 worden onzichtbare stipjes op favicon-grootte. Gebruik een transparante achtergrond voor PNG-favicons.

Veelgestelde vragen

Waarom toont mijn browser het oude favicon na een update?

Browsers cachen favicons agressief. Oplossingen: (1) Hard refresh (Ctrl+Shift+R). (2) Cache wissen. (3) Versienummer aan de URL toevoegen: favicon.ico?v=2. (4) Wacht 24-48 uur — de cache verloopt vanzelf.

Wat is de minimale favicon-setup?

Minimaal: een 32x32 PNG en een 180x180 Apple Touch Icon. Ideaal: voeg een SVG favicon toe voor scherpte op alle schermen, plus een web app manifest voor installeerbare apps. Gebruik een generator om al deze varianten automatisch te maken.