Handleiding

Favicon-maten uitgelegd

Browsers, besturingssystemen en installatieprompts vragen elk een andere favicon-resolutie. Deze gids laat per gangbare maat zien waar het voor dient, zodat je precies weet wat je vanuit één bronafbeelding moet genereren.

Check favicons on any website

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

Install Chrome Extension

16×16 en 32×32 zijn voor browsertabs en bladwijzers op standaard- en 2×-schermen. Ze horen in favicon.ico en eventueel als losse PNG's.

48×48 en 64×64 worden gebruikt in Windows Verkenner, taakbalkpins en sommige zoekresultaten.

128×128 en 256×256 komen voor in multi-size .ico-bestanden en de hoge-DPI Windows-interface.

180×180 is de apple-touch-icon voor het iOS-homescreen. 192×192 en 512×512 zijn vereist voor Android- en Chromium-PWA-installatieschermen.

Hoe het werkt

  1. 1

    Kies een vierkante bron

    512×512 PNG of SVG met een vierkante viewBox.

  2. 2

    Exporteer de volledige set

    Gebruik onze favicon-generator voor .ico, apple-touch-icon en manifest-PNG's.

  3. 3

    Link elke maat

    Kopieer de kant-en-klare <link>-tags uit de pakket-README of de HTML-generator-gids.

Probeer het nu

Genereer elke favicon-maat

Favicon-generator

Veelgestelde vragen

Hoeveel favicon-maten heb ik echt nodig?+

Minimum: multi-size .ico (16/32/48) + 180 apple-touch-icon. Aanbevolen: voeg 192 en 512 toe voor PWA.

Kan één afbeelding alle maten dekken?+

Ja — begin met 512×512 of SVG en exporteer elke maat programmatisch. Schaal nooit een klein logo op.

Welke maat is het belangrijkst voor SEO?+

Google gebruikt minimaal 48×48 in zoekresultaten. Neem 48 px op in je .ico en als losse PNG.

Gerelateerde tools

Meer handleidingen

Handleidingen