Het beste favicon-formaat in 2026

ICO is het originele favicon-formaat, gemaakt door Microsoft in de jaren negentig voor Windows-pictogrambestanden en later door browsers overgenomen als de universele favicon-conventie. Een .ico-bestand is een container met meerdere afbeeldingen: een enkele .ico kan frames van 16×16, 32×32, 48×48, 64×64, 128×128 en 256×256 pixels in één binair bestand bundelen. De browser ontleedt de map ICO en geeft het frame weer dat het dichtst bij de benodigde weergavegrootte ligt, zonder dat er extra linktags nodig zijn.

De mogelijkheid voor meerdere formaten van het .ico-formaat is het bepalende voordeel. Eén bestand, één linktag, dekt alle standaard tab- en bladwijzerbalkformaten in elke browser en besturingssysteem. Dit is de reden waarom /favicon.ico het standaard ontdekkingspad is sinds het begin van het web. Browsers proberen GET /favicon.ico vanuit de domeinroot, zelfs als geen linktag dit specificeert. In geen enkel ander formaat is deze op conventies gebaseerde fallback ingebouwd.

PNG is een indeling voor één afbeelding die de scherpste weergave produceert bij elke individuele resolutie vanwege het superieure verliesvrije compressie-algoritme. Een 32×32 PNG van een logo in vlakke kleur kan worden gecomprimeerd tot minder dan 300 bytes – veel kleiner dan het equivalente BMP-frame in een ouder .ico-bestand. PNG biedt ook eersteklas ondersteuning in elke browser, beeldbewerkingstool en contentmanagementsysteem, waardoor dit het formaat met de minste wrijving is.

PNG vereist dat expliciete linktags met kenmerken van type en grootte worden herkend als favicon. `<link rel='icon' type='image/png' sizes='32x32' href='/favicon-32x32.png'>` moet aanwezig zijn in uw HTML, anders negeert de browser de PNG volledig en valt terug naar /favicon.ico. Dit is de reden waarom PNG werkt als een verbeteringslaag over .ico, en niet als vervanging. Het zorgt voor een scherpere weergave op specifieke weergaveformaten, terwijl .ico al het andere voor zijn rekening neemt.

SVG is het modernste faviconformaat en het meest flexibel. SVG is vectorgebaseerd, wat betekent dat één bestand correct wordt weergegeven bij elke pixeldichtheid van 16×16 tot 3000×3000 zonder rasterartefacten. Een SVG-bestand van 1 KB is geschikt voor monitoren van 96 dpi, 2x Retina-schermen en 4K-schermen. Deze toekomstbestendige schaalbaarheid maakt SVG het beste formaat voor elke site waarvan het publiek displays met gemengde dichtheid gebruikt.

SVG favicons ondersteunen aanpassing in de donkere modus via de `@media (prefers-color-scheme: dark)` CSS-mediaquery ingebed in het SVG `<style>`-blok. Wanneer het besturingssysteem zich in de donkere modus bevindt, past de browser de donkere modusstijlen toe op de SVG en veranderen de kleuren van het favicon - bijvoorbeeld een wit pictogram op een donkere achtergrond in plaats van een donker pictogram op een lichte achtergrond. Noch .ico, noch PNG hebben vergelijkbare mogelijkheden.

Browserondersteuning voor SVG favicons in 2026 omvat Chrome 80+, Edge 80+, Firefox 41+, Safari 15+ en alle Chromium-gebaseerde browsers (Brave, Opera, Vivaldi). Dit vertegenwoordigt de overgrote meerderheid van actieve browserinstallaties. De overige gebruikers (voornamelijk op oudere iOS-apparaten met pre-Safari 15 of die oudere bedrijfsbrowsers gebruiken) vallen automatisch terug naar .ico wanneer beide linktags aanwezig zijn.

Vergelijking van de bestandsgrootte tussen de drie formaten geeft de voorkeur aan SVG voor moderne inhoud en .ico voor de bundel met meerdere formaten. Een typische SVG favicon is 1-4 KB. Een minimale multi-size .ico met vier frames (16/32/48/64) met PNG-compressie is 8-20 KB. Een enkele 512×512 PNG (de brongrootte) is 20-100 KB, afhankelijk van de complexiteit. Voor het gecombineerde faviconpakket dat naar de browser wordt verzonden, is het totaal doorgaans minder dan 50 KB en wordt het gedurende de hele sessie in de cache opgeslagen.

De transparantie-ondersteuning is bij correct gebruik gelijk voor alle drie de formaten. SVG is standaard transparant (geen achtergrond tenzij je er expliciet een toevoegt). PNG ondersteunt een 8-bit alfakanaal. ICO ondersteunt transparantie wanneer de interne frames PNG-compressie gebruiken — wat alle moderne ICO-generatoren doen. BMP-gecodeerde ICO-frames hebben slechts 1-bit (binaire) transparantie; vermijd generatoren die standaard BMP-codering gebruiken.

Specifiek voor de donkere modus is de indelingshiërarchie: eerst SVG (ondersteuning voor native CSS-mediaquery's), daarna PNG voor statische contexten waarin de donkere modus geen probleem is, en vervolgens .ico als statische fallback. Sites die dynamische pictogramkleuraanpassing nodig hebben, moeten SVG voorrang geven als hun primaire favicon en .ico alleen gebruiken als reserve voor omgevingen die SVG helemaal niet ondersteunen.

De aanbevolen favicon-productiestapel voor een professionele website in 2026 combineert alle drie de formaten in volgorde van browservoorkeur: `<link rel='icon' href='/favicon.ico'>` als de universele fallback, `<link rel='icon' type='image/png' sizes='32x32' href='/favicon-32x32.png'>` voor Retina-helderheid, `<link rel='icon' type='image/svg+xml' href='/favicon.svg'>` voor schaalbare ondersteuning voor de donkere modus, en `<link rel='apple-touch-icon'sizes='180x180' href='/apple-touch-icon.png'>` voor iOS-installaties op het startscherm. Browsers kiezen het meest specifieke formaat dat ze ondersteunen.

Voor specifieke platformcontexten zijn de formaatkeuzes beperkter. iOS-pictogrammen op het startscherm (apple-touch-icon) moeten PNG zijn. Windows OS-snelkoppelingen en File Explorer-pictogrammen moeten .ico gebruiken. Android PWA manifestpictogrammen moeten PNG zijn. Alleen weergave van browsertabbladen/bladwijzers ondersteunt alle drie de formaten, waarbij de browser kiest op basis van de aangeboden linktags.

Het genereren van alle drie de formaten vanuit één bron is de meest efficiënte workflow. Upload een 512×512 PNG of SVG naar de favicon generator. De tool rastert de SVG (of gebruikt de PNG rechtstreeks) om alle .ico-frames te produceren op 16, 32, 48, 64, 128 en 256 pixels, exporteert standalone PNG's op 32, 180, 192 en 512 pixels, en passeert of optimaliseert de SVG. Het downloadpakket bevat elk bestand en het HTML-fragment voor onmiddellijke implementatie.

Formaten voor SEO vergelijken: Google Search ondersteunt zowel .ico als PNG voor favicons van zoekresultaten. De minimale grootte is 48×48 pixels. SVG wordt nog niet door Google gebruikt voor zoekfavicons (het wordt gerasterd naar PNG voordat het wordt weergegeven). Om in aanmerking te komen voor een favicon voor Google Zoeken, moet u ervoor zorgen dat uw .ico een frame van 48×48 bevat, dat uw favicon openbaar toegankelijk is en dat de beeldverhouding vierkant is. Zie de favicon-vs-svg guide voor een volledige SVG-vergelijking.