Welke formaten worden gegenereerd?

16×16, 32×32, 48×48 (gebundeld in favicon.ico), 180×180 (Apple Touch Icon), 192×192 en 512×512 (PWA-iconen).

Blijft transparantie behouden?

Ja. Het alfakanaal van de PNG blijft behouden in alle uitvoerbestanden, inclusief het ICO-formaat.

Wat is het verschil tussen favicon.ico en PNG-iconen?

favicon.ico bundelt meerdere formaten in één bestand voor ondersteuning van oudere browsers, terwijl PNG-iconen worden gebruikt door moderne browsers en PWA's. Beide aanbieden zorgt voor maximale compatibiliteit.

Wat maakt een goede bronafbeelding?

Een vierkante PNG met transparante achtergrond van 512×512 pixels of groter geeft de beste resultaten bij het verkleinen naar kleinere iconformaten.

Hoe voeg ik de favicon toe aan mijn website?

Voeg <link rel="icon" href="/favicon.ico"> en <link rel="apple-touch-icon" href="/apple-touch-icon.png"> toe aan de <head> van je HTML.

Favicon-generator

PNG omzetten naar favicon.ico en multi-size pakket

Home · Gratis afbeeldingstools

Afbeelding comprimeren

Afbeelding verkleinen

Afbeelding bijsnijden

Achtergrond verwijderen

Meme maken

Horizontaal samenvoegen

Verticaal samenvoegen

Raster splitsen → ZIP

Raster splitsen → GIF

PDF → lange afbeelding

Afbeeldingen stapelen

Kleurenpalet extraheren

Social media formaat

Slagschaduw toevoegen

Afbeeldingen vergelijken

Duotoon-effect

Filmkorrel-effect

Terug naar home

Tips en gebruiksvoorbeelden voor favicons

Website — compatibiliteit tussen browsers

Voor een correcte weergave in Chrome, Safari, Firefox en Edge lever je zowel favicon.ico als PNG-bestanden aan. Upload alle bestanden uit de gegenereerde ZIP naar de hoofdmap van je website en voeg de bijbehorende link-tags toe aan de head van je HTML.

PWA / beginscherm op mobiel

Voor Progressive Web Apps en snelkoppelingen op het beginscherm heb je PNG's van 192×192 en 512×512 nodig. Registreer beide formaten in de icons-array van je manifest.json om iconen met hoge resolutie op Android en iOS weer te geven.

Merkidentiteit — het logo als icoon

Snijd alleen het symbool of beeldmerk van je logo bij tot een vierkante PNG voordat je het naar een favicon converteert. Houd het ontwerp eenvoudig — het moet zelfs op 16×16 pixels herkenbaar zijn.

Favicon-generator

Home · Gratis afbeeldingstools

Een favicon genereren

Tips en gebruiksvoorbeelden voor favicons

Website — compatibiliteit tussen browsers

PWA / beginscherm op mobiel

Merkidentiteit — het logo als icoon

Gerelateerde tools uit de Flexeam-familie

Ontdek het Flexeam-universum

Veelgestelde vragen