Favicongenerator

Een favicon is het kleine pictogram in browsertabs, bladwijzers en zoekresultaten van Google, en op telefoons wordt het het pictogram van je site op het beginscherm. Elk platform vraagt om eigen bestanden, dus een moderne favicon is geen losse afbeelding maar een kleine set afbeeldingen plus een web-app-manifest.

Upload een PNG-, JPG-, WebP- of SVG-logo en snijd het vierkant bij, of maak een pictogram van een letter of emoji. Stel daarna elk platform apart af: een achtergrond en hoeken voor desktopbrowsers en Google, een effen achtergrond en marge voor het beginscherm van de iPhone, en een maskable pictogram voor Android dat je logo binnen de veilige zone houdt. Live voorbeelden tonen browsertabs in lichte en donkere modus, de bladwijzerbalk, een Google-zoekresultaat en de beginschermen van iOS en Android met ronde, squircle- en afgeronde vierkante maskers.

De ZIP volgt de huidige best practices: favicon.ico met 16, 32 en 48 px, favicon.svg als je bron een SVG is (optioneel met aanpassing aan de donkere modus), favicon-96x96.png, een apple-touch-icon.png van 180×180, manifestpictogrammen van 192 en 512 px en site.webmanifest. Kopieer de HTML-code of volg de stappen voor Next.js, React/Vite of WordPress, en test het resultaat daarna met onze favicon-checker. Alles wordt in je browser gegenereerd.