Handleiding

Het beste favicon-formaat in 2026

Er is geen enkel 'beste' favicon-formaat — er is een beste combinatie. Moderne websites leveren een multi-size .ico voor legacy-ondersteuning, een PNG voor hoge-DPI-weergave en een SVG voor het scherpst mogelijke schaalbare icoon.

Check favicons on any website

Install the FetchFavicon Chrome Extension to extract, preview, and validate favicons instantly.

Install Chrome Extension

ICO is de oorspronkelijke favicon-container. Eén .ico-bestand kan meerdere resoluties bevatten (16, 32, 48, 64, 128, 256) zodat de browser de beste match kiest. Alle desktopbrowsers ondersteunen dit formaat.

PNG levert een pixelperfect beeld bij elke dichtheid wanneer je het juiste formaat kiest. Gebruik het naast .ico via <link rel="icon" type="image/png" sizes="...">.

SVG is het lichtst, schaalt oneindig en ondersteunt dark-mode media queries. Chrome, Edge, Firefox en Safari (15+) ondersteunen het allemaal.

Hoe het werkt

  1. 1

    Begin met een vierkante bron

    Gebruik een 512×512+ PNG of een SVG met een vierkante viewBox.

  2. 2

    Genereer een multi-size .ico

    Bundel 16, 32, 48 en 64 px in één .ico-bestand.

  3. 3

    Voeg moderne varianten toe

    Exporteer een PNG (180×180 voor apple-touch-icon) en een SVG, en koppel ze in <head>.

Probeer het nu

Stel de perfecte favicon-set samen

Favicon-generator

Veelgestelde vragen

Heb ik favicon.ico nog nodig in 2026?+

Ja. Browsers vragen standaard /favicon.ico op wanneer er geen <link>-tags aanwezig zijn, en Windows-snelkoppelingen vereisen het.

Kan ik alleen een SVG-favicon gebruiken?+

Niet zonder risico. Oudere browsers en sommige social-media-embeds negeren SVG. Combineer altijd met een .ico- of PNG-fallback.

Wat is de kleinste werkende favicon-setup?+

Een multi-size favicon.ico op /favicon.ico — meer heb je niet nodig. De rest is optimalisatie.

Gerelateerde tools

Meer handleidingen

Handleidingen