Question 1

Welke faviconformaten heb ik nodig?

Accepted Answer

Moderne browsers gebruiken 32x32 PNG als primaire favicon. Je moet ook 16x16 opnemen voor oudere browsers, 48x48 voor de Windows-taakbalk, 180x180 voor Apple Touch Icon op iOS, en 192x192 plus 512x512 voor Android en PWA-manifesten.

Question 2

Moet ik ICO of PNG gebruiken voor favicons?

Accepted Answer

PNG is nu het standaardformaat en wordt door alle moderne browsers ondersteund. ICO-bestanden waren nodig voor oudere versies van Internet Explorer. Tenzij je IE 10 of eerder moet ondersteunen, zijn PNG-favicons eenvoudiger en aanbevolen.

Question 3

Welke afbeelding moet ik uploaden voor het beste resultaat?

Accepted Answer

Gebruik een vierkante afbeelding (1:1 beeldverhouding) van minimaal 512x512 pixels. PNG met een transparante achtergrond werkt het best. Als je bronafbeelding niet vierkant is, wordt deze uitgerekt om bij elk faviconformaat te passen.

Question 4

Wat is een web app manifest en waarom heb ik er een nodig?

Accepted Answer

Een web app manifest (site.webmanifest) is een JSON-bestand dat browsers vertelt hoe je web app zich moet gedragen wanneer deze op een apparaat wordt geïnstalleerd. Het specificeert iconen, themakleuren en weergave-instellingen. De 192x192 en 512x512 iconen in deze tool zijn specifiek voor het manifest.

Question 5

Ondersteunen favicons de donkere modus?

Accepted Answer

SVG-favicons kunnen de CSS prefers-color-scheme mediaquery gebruiken om zich aan te passen aan de donkere modus. PNG-favicons kunnen niet automatisch veranderen. Als je ondersteuning voor de donkere modus nodig hebt, overweeg dan een SVG-favicon naast je PNG-alternatieven.

Favicon Generator

Veelgestelde Vragen

Gerelateerde Tools & Bronnen

Gerelateerde gidsen