Favicon-generator
Bouw een compleet favicon-pakket in je browser: een echte favicon.ico met meerdere resoluties, PNG's van 16 tot 512 px, een site.webmanifest en een HTML-snippet.
Favicon-generator — Sleep één PNG- of JPG-afbeelding erin en bouw meteen een compleet favicon-pakket: een echte favicon.ico met meerdere resoluties (16/32/48), vierkante PNG-iconen van 16 tot 512 px, een site.webmanifest en een kant-en-klaar HTML-head-snippet. Kies een vierkante, afgeronde of maskable vorm, voeg een achtergrondvulling en padding toe en download vervolgens één afzonderlijke maat, de .ico of het hele pakket als ZIP. Alles draait lokaal in je browser — je afbeelding wordt nooit geüpload.
Wat is Favicon-generator?
De Favicon Generator is een gratis, browsergebaseerde favicon-maker die een PNG- of JPG-afbeelding omzet naar een compleet, publicatieklaar favicon-pakket. Hij is gemaakt voor ontwikkelaars, webdesigners en site-eigenaren die snel favicons nodig hebben voor HTML, WordPress, PWA's of Apple-touch-iconen, zonder software te installeren of zich aan te melden. Hij bundelt een echte favicon.ico met meerdere resoluties (16, 32 en 48 px), vierkante PNG-iconen van 16, 32, 48, 180 (Apple touch) en 192/512 px (Android/PWA), een site.webmanifest en een HTML-head-snippet, allemaal gerenderd met hoogwaardige canvas-schaling. Gebruik hem wanneer je een logo of afbeelding wilt omzetten naar elk favicon-bestand dat een moderne site nodig heeft, volledig op je eigen apparaat.
Favicon-generator gebruiken
- Sleep een PNG- of JPG-afbeelding op het neerzetvlak, of klik erop om te bladeren en een bestand op je apparaat te kiezen.
- Open het instellingentandwiel om een vierkante, afgeronde of maskable vorm te kiezen, een achtergrondvulkleur aan te zetten en de randpadding in te stellen.
- Wacht terwijl de tool elke maat rendert, de favicon.ico met meerdere resoluties samenstelt en de site.webmanifest en het HTML-snippet maakt.
- Klik op een miniatuur om de zoom-lightbox te openen, of kopieer het HTML-<head>-snippet en de manifest-tekst rechtstreeks uit hun panelen.
- Gebruik een knop per maat om slechts één PNG op te slaan, de .ico-knop voor de icoonbundel, of Pakket downloaden om alles als ZIP te pakken.
- Druk op reset om de huidige afbeelding te wissen en opnieuw te beginnen met een nieuwe.
Voorbeelden
Van logo naar compleet favicon-pakket
Sleep een PNG-logo erin en krijg favicon.ico, favicon-16x16.png, favicon-32x32.png, favicon-48x48.png, apple-touch-icon.png, android-chrome-192x192.png, android-chrome-512x512.png en site.webmanifest, plus het bijbehorende <head>-snippet — allemaal gecomprimeerd in favicon-package.zip.
Maskable Android-icoon
Zet de vorm op maskable en schakel een witte achtergrond in: de tool voegt safe-zone-padding toe en zet het icoon-purpose van het manifest op "maskable", zodat Android het in een cirkel of squircle kan bijsnijden zonder je logo af te knippen.
Afgerond icoon met padding
Kies de afgeronde vorm en ongeveer 12% padding voor zacht bijgesneden hoeken met ruimte rond het beeld, passend bij de stijl van moderne app-iconen.
Veelgestelde vragen
- Is de favicon.ico een echt icoon met meerdere resoluties?
- Ja. De tool bundelt de PNG's van 16, 32 en 48 px in één favicon.ico-container die byte voor byte in je browser wordt geschreven, zodat één .ico-bestand alle drie de resoluties levert aan browsertabbladen en bladwijzers.
- Welke bestanden zitten in het ZIP-pakket?
- De ZIP bevat favicon.ico, de PNG-iconen (16, 32, 48, 180, 192 en 512 px met gebruikelijke namen) en site.webmanifest. Plak het meegeleverde HTML-<head>-snippet om ze aan je pagina te koppelen.
- Wat doen de vorm- en padding-opties?
- Vierkant houdt een eenvoudig vierkant icoon, afgerond snijdt de hoeken bij, en maskable voegt een safe-zone-marge toe en markeert de manifest-iconen als maskable voor Android. Padding verkleint het beeld binnen elk vierkant, en de achtergrondvulling schildert erachter.
- Welke afbeeldingsformaten kan ik uploaden?
- Je kunt één PNG- of JPG-afbeelding neerzetten of opzoeken. De tool leest die ene bronafbeelding en rendert daaruit elke uitvoermaat, de favicon.ico en het manifest.
- Wordt mijn afbeelding naar een server geüpload?
- Nee. Alles draait lokaal in je browser via de Canvas API — de PNG-iconen, de favicon.ico-container en de ZIP worden allemaal op je apparaat gemaakt, dus je afbeelding wordt nooit geüpload.
Gerelateerde tools
Beeldformaat-converter
Converteer afbeeldingen volledig in je browser tussen AVIF, WebP, PNG, JPEG, BMP, ICO en GIF met één frame.
Excel/CSV naar JSON
Zet een Excel- of CSV-spreadsheet om naar JSON of CSV, rechtstreeks in je browser.
EXIF-viewer en metadataverwijderaar
Bekijk de EXIF-metadata van een afbeelding — camera, lens, opnamedatum en GPS-locatie — verwijder vervolgens elke tag en download een schone kopie, allemaal in je browser.
GIF-maker
Voeg PNG- of JPEG-afbeeldingen in je browser samen tot een geanimeerde GIF — timing per frame, eigen formaat, transparante of gekleurde achtergrond, dithering en boemerang.