Beste favicon-maat in 2026

Browsertabs op beeldschermen met standaarddichtheid gebruiken 16×16 pixels. Dit is de kleinste favicongrootte en wordt het vaakst gezien door gebruikers: hij staat altijd op het kleine tabblad boven de pagina-inhoud. Een pictogram van 16×16 dat de leesbaarheid behoudt, vereist gedurfde vormen, een hoog contrast en geen fijne details. Dunne lijnen, kleine tekst en ingewikkelde logo's worden op dit formaat onleesbare klodders.

De pixelgrootte van 32×32 is de belangrijkste favicon-afmeting voor moderne browsers. Het wordt gebruikt voor het browsertabblad op Retina/HiDPI-schermen (weergegeven met een dichtheid van 2x vanaf een logische grootte van 16px), voor de bladwijzerbalk en voor de suggestiepictogrammen van de adresbalk. Chrome vraagt ​​het meest agressief om 32×32, en Google Zoeken gebruikt minimaal een 32×32-pictogram voor de favicons van de zoekresultaten.

De pixelgrootte van 48×48 bedient Windows Explorer in de weergave 'middelgrote pictogrammen' en wordt door sommige zoekmachines gebruikt voor miniatuurweergaven van resultaten. De officiële aanbeveling van Google om in aanmerking te komen voor favicons voor zoeken is een minimum van 48×48 pixels, een vierkante beeldverhouding en openbare toegankelijkheid via HTTP. Bundel altijd 48×48 in uw .ico-bestand met meerdere formaten om aan deze vereiste te voldoen.

De pixelgrootte van 64×64 is handig in Windows Explorer bij de weergave van grote pictogrammen en voor sommige app-opstartomgevingen. Als u het in uw .ico-bestand opneemt, wordt de bestandsgrootte minimaal en wordt dekking verzekerd voor elk oppervlak dat afmetingen tussen 48 en 128 pixels vereist. De meeste .ico-generatoren met meerdere formaten bevatten standaard 64.

De pixelgroottes 128×128 en 256×256 worden gebruikt in .ico-bestanden voor Windows Startmenutegels en snelkoppelingen met hoge resolutie. Bij 256x256 zou je PNG-compressie binnen de .ico moeten gebruiken in plaats van BMP-codering - een ongecomprimeerde 256x256 BMP-invoer alleen al voegt grofweg 256 KB toe aan het .ico-bestand, terwijl PNG-gecomprimeerd krimpt tot onder de 30 KB.

De pixelgrootte van 180×180 is de apple-touch-icon-afmeting die wordt gebruikt door iOS. Wanneer een gebruiker op 'Toevoegen aan startscherm' tikt op Safari, haalt iOS `<link rel='apple-touch-icon'sizes='180x180' href='/apple-touch-icon.png'>` op en gebruikt die afbeelding als het startschermpictogram. Zonder dit valt iOS terug naar een screenshot van uw pagina van lage kwaliteit. Dit is het formaat met de hoogste prioriteit voor mobile-first-sites.

De pixelgrootte van 192×192 is vereist in het webapp-manifest (site.webmanifest) voor de PWA-installatieprompt van Android en Chrome. Wanneer een gebruiker uw site aan zijn Android-startscherm toevoegt, leest Chrome het manifest en gebruikt het pictogram van 192×192 voor het app-opstartprogramma en het meldingenpaneel. Het pictogram moet vierkant zijn, de indeling PNG hebben en toegankelijk zijn via de opgegeven URL.

De pixelgrootte van 512 x 512 is het andere vereiste manifestpictogram, gebruikt voor het PWA-opstartscherm dat verschijnt terwijl de app wordt geladen na het starten van het startscherm, en voor het installatievoorbeeld van het Chrome OS. Het is ook de aanbevolen grootte van de bronafbeelding bij het genereren van alle andere formaten; vanaf 512×512 zorgt u ervoor dat elke gedownsampelde variant scherpe randen behoudt.

De minimaal haalbare favicon-configuratie die vrijwel alle gebruikers omvat, is: een favicon.ico met meerdere formaten met frames van 16, 32, 48 en 64 pixels, plus een 180×180 apple-touch-icon.png, plus een site.webmanifest met 192×192 en 512×512 PNG-items. Deze combinatie verwerkt standaardbrowsers, bladwijzers, iOS-startscherminstallaties en Android PWA-installaties.

Door een SVG-favicon toe te voegen naast de .ico- en PNG-set, maakt u uw pictogram toekomstbestendig. SVG wordt weergegeven met elke dichtheid (een enkel bestand is geschikt voor monitoren van 96 dpi, 4K-schermen en alles daartussenin) en kan van kleur wisselen op basis van de voorkeur van de gebruiker voor het kleurenschema. Chrome, Edge, Firefox en Safari 15+ ondersteunen allemaal SVG-favicons vanaf 2026, waardoor het een veilige toevoeging is.

Veel voorkomende fouten bij de grootte van favicons zijn: alleen een 32×32 PNG gebruiken zonder een .ico (kapot in oudere browsers en Windows-snelkoppelingen), het overslaan van de 180 apple-touch-icon (kapot bij iOS-installaties) en het weglaten van 512×512 uit het manifest (de installatieprompt van Android toont een algemeen pictogram). De favicon generator genereert automatisch de complete set uit één bronbeeld, waardoor al deze hiaten worden geëlimineerd.

De SEO-impact van favicon-groottes is indirect maar reëel. Google Zoeken geeft favicons weer naast zoekresultaten en hanteert een minimale groottevereiste van 48×48 pixels. Sites zonder een goed formaat en openbaar toegankelijk favicon zien mogelijk een algemeen wereldbolpictogram in de zoekresultaten in plaats van hun merkteken – een klein maar merkbaar verschil in vertrouwenssignaal voor organische zoekklikken.

Voor volledigheid van pictogrammen op PWA-niveau voegt u maskeerbare pictogrammen toe aan uw webmanifest. Een maskeerbaar pictogram heeft een veilige zone-opvulling van ongeveer 10% aan alle kanten, waardoor wordt gegarandeerd dat wanneer Android een rond of cirkelvormig masker op het pictogram aanbrengt, het kernlogo nooit wordt afgesneden. Genereer een afzonderlijke maskeerbare versie met behulp van de maskeerbare exportoptie van de generator en declareer deze met `'purpose': 'maskable'` in de array met manifestpictogrammen.

Wanneer u een bronafbeelding kiest voor het genereren van favicons, geef dan prioriteit aan SVG boven PNG en PNG boven JPG. SVG produceert de scherpste uitvoer op elk formaat. PNG-32 (met alpha) behoudt de transparantie. JPG mist transparantie-ondersteuning en introduceert compressieartefacten die in kleine formaten verschijnen. Zie de best favicon format-handleiding voor de volledige formaatvergelijking.