Gebruik een vierkante afbeelding voor het beste resultaat.
Nog geen bestand gekozen
Favicon Generator
Upload een afbeelding en de tool genereert er een 16×16 en 32×32 pixel favicon van die je direct kunt downloaden. Zet hem in de root van je website om het icoontje in het browsertabblad in te stellen.
Laatst bijgewerkt: mei 2026
Advertentie
Advertentie
Wat is een favicon en waarom heb je er een nodig?
Een favicon (favorite icon) is het kleine icoontje dat verschijnt in:
- Het browsertabblad naast de paginatitel
- De bladwijzerbalk wanneer iemand je site opslaat
- De adresbalk van sommige browsers
- De taakbalk of app-switcher op mobiele apparaten
Een favicon maakt je website herkenbaar en professioneel. Zonder favicon toont de browser een generiek icoontje, wat je site er minder betrouwbaar uit laat zien — vooral belangrijk als je bezoekers meerdere tabbladen open hebben.
Favicon-formaten en -afmetingen
| Formaat | Afmeting | Gebruik |
|---|---|---|
| ICO | 16×16 + 32×32 (gecombineerd) | Klassiek formaat, werkt in alle browsers |
| PNG | 32×32 | Modern alternatief, transparantie mogelijk |
| PNG | 180×180 | Apple Touch Icon (iOS thuisscherm) |
| PNG | 192×192 | Android Chrome / PWA icon |
| PNG | 512×512 | PWA splash screen icon |
| SVG | Schaalbaar | Modernste optie, ondersteund in nieuwere browsers |
Voor maximale compatibiliteit gebruik je minimaal een 32×32 PNG en een 180×180 Apple Touch Icon. Onze generator maakt de standaardmaten automatisch aan.
Hoe voeg je een favicon toe aan je website?
Na het downloaden van je favicon plaats je het bestand in de root van je website en voeg je de volgende regels toe aan de <head> van je HTML:
- Standaard favicon:
<link rel="icon" type="image/png" href="/favicon-32x32.png"> - Apple Touch Icon:
<link rel="apple-touch-icon" href="/apple-touch-icon.png"> - PWA manifest: verwijs naar je favicon in het
manifest.jsonbestand voor Progressive Web Apps.
Tip: browsers cachen favicons agressief. Als je een nieuwe favicon hebt geüpload maar de oude nog ziet, probeer dan een harde refresh (Ctrl+Shift+R) of wis de browsercache.
Veelgestelde vragen
Wat is een favicon?▼
Een favicon is het kleine icoontje dat in het browsertabblad en naast je bladwijzers wordt weergegeven.
Welke afmetingen heeft een favicon?▼
De standaardmaten zijn 16×16 en 32×32 pixels. Moderne browsers ondersteunen ook grotere varianten tot 192×192.
Welk formaat is het beste voor een favicon?▼
PNG wordt breed ondersteund en biedt transparantie. ICO is het klassieke formaat en werkt in alle oudere browsers.
Hoe maak ik een grotere app-icon naast mijn favicon?▼
Voor grotere versies (zoals 192×192 of 512×512 voor PWA’s) gebruik je de afbeelding verkleinen tool om je origineel op maat te schalen.
Gerelateerde tools
Afbeelding & BestandAfbeelding VerkleinenVerklein of vergroot afbeeldingen gratis online. Stel de afmetingen in en download het resultaat. Jouw afbeelding verlaat nooit je browser — volledig privé.Afbeelding & BestandAfbeelding naar Base64Converteer een afbeelding naar Base64-tekst. Ideaal voor HTML, CSS en e-mails zonder apart bestandspad. Jouw afbeelding verlaat nooit je browser. Gratis.Afbeelding & BestandQR Code MakerMaak gratis een QR-code van een URL of tekst. De code verschijnt direct op het scherm en je kunt hem downloaden als PNG. Geen account of registratie nodig.