Favicon Generator
Upload een afbeelding of typ initialen en genereer alle favicon formaten. Download als ZIP met web manifest en HTML snippet.
Gegenereerde favicons
Typ initialen om favicons te genereren
Waarom heb je meerdere favicon formaten nodig?
Een favicon lijkt simpel: dat kleine icoontje in je browsertab. Maar in werkelijkheid hebben moderne browsers en apparaten veel verschillende formaten nodig. Je website kan op een desktop browser staan, als bookmark op een iPhone, of als app-icoon op een Android homescreen.
Elk platform heeft eigen eisen. Chrome gebruikt andere resoluties dan Safari. Een Apple Touch Icon heeft een specifieke afmeting nodig. Als je deze formaten niet levert, kiest de browser een willekeurige schaling. Dat resulteert vaak in wazige of lelijke iconen.
Welke formaten genereert deze tool?
De generator maakt alle essentiële favicon formaten in één keer:
- 16x16 en 32x32: voor browsertabs en bookmarks
- 180x180 (Apple Touch Icon): voor iOS homescreen en Safari
- 192x192 en 512x512: voor Android en Progressive Web Apps
- site.webmanifest: metadata voor PWA installatie
Initialen vs. afbeelding uploaden
Je hebt twee opties:
Initialen
Perfect als je snel een professioneel ogend icoon wilt. Kies maximaal 2 letters, een achtergrondkleur en tekstkleur. De generator maakt een strak, leesbaar icoon met afgeronde hoeken.
Afbeelding uploaden
Heb je al een logo? Upload het en de generator schaalt het naar alle benodigde formaten. Gebruik bij voorkeur een vierkante afbeelding van minimaal 512x512 pixels voor de beste kwaliteit.
Hoe gebruik je de gegenereerde bestanden?
- Download de ZIP met alle bestanden
- Pak de bestanden uit in de root van je website (meestal /public)
- Kopieer de HTML snippet naar de <head> van je HTML
- Test je site met een incognito browser om caching te vermijden
De site.webmanifest bevat metadata voor Progressive Web Apps. Als je geen PWA bouwt, kun je het manifest weglaten. Maar het doet geen kwaad om het toe te voegen.
Tips voor een goed favicon
- Houd het simpel: details verdwijnen op kleine formaten
- Gebruik contrastrijke kleuren voor zichtbaarheid
- Test op zowel lichte als donkere browserthema's
- Vermijd tekst smaller dan 2 letters
- Kies een unieke vorm die opvalt tussen andere tabs
Zelf zoiets laten bouwen?
Deze tool is gebouwd met Canvas API, JSZip. Ik bouw dit soort tools en platforms voor ondernemers. Laten we sparren over jouw idee.
Bekijk ook deze tools
Email Handtekening Maker
Maak een professionele HTML email handtekening. Vul je gegevens in, kies een stijl en kopieer de code naar je email client.
Factuur Generator
Maak professionele PDF facturen. Vul je bedrijfs- en klantgegevens in, voeg regels toe en download direct als PDF.
Campagne Assistent
Genereer complete marketing copy voor meerdere kanalen. Eén briefing → email, social posts, advertenties en landingspagina tekst.
Gratis tool van Elphinstone — Ik bouw tools en platforms voor ondernemers