Handleiding

Transparante favicon-generator

Een favicon met een effen achtergrond oogt gedateerd en vloekt met dark-mode browsers. Genereer er een met volledige alfatransparantie — het past naadloos bij elk thema.

Check favicons on any website

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

Install Chrome Extension

Zowel PNG als .ico ondersteunen alfakanalen. Onze generator behoudt de transparantie van je bron-PNG of -SVG end-to-end.

Voor de beste weergave in zowel light als dark mode lever je een SVG-favicon naast de .ico, met een prefers-color-scheme media query.

Hoe het werkt

  1. 1

    Exporteer je logo met transparantie

    PNG-32 of SVG, zonder achtergrond.

  2. 2

    Upload

    We detecteren het alfakanaal en bewaren het in elke maat.

  3. 3

    Download

    Ontvang een transparante .ico + PNG, klaar om uit te rollen.

Probeer het nu

Genereer een transparant favicon

Favicon-generator

Veelgestelde vragen

Ondersteunt .ico transparantie?+

Ja — PNG-gecomprimeerde vermeldingen binnen .ico behouden hun alfakanaal.

Waarom heeft mijn favicon een witte achtergrond?+

Je bron-PNG bevat een witte achtergrond. Exporteer opnieuw vanuit je ontwerptool zonder achtergrondvulling.

Kunnen SVG-favicons zich aanpassen aan dark mode?+

Ja. Voeg een <style>@media (prefers-color-scheme: dark) { ... }</style>-blok toe in de SVG.

Gerelateerde tools

Meer handleidingen

Handleidingen