Favicon-generator
Bouw een compleet faviconpakket uit een logo, een lettertypepictogram of een monogram — favicon.ico, moderne PNG's, het Apple touch-pictogram, PWA-pictogrammen, een web-manifest en het HTML-fragment.
Voeg een logo toe, kies een lettertypepictogram of typ een monogram — wij genereren elke favicon die een moderne website nodig heeft, van de klassieke favicon.ico tot het Apple touch-pictogram, de PWA-pictogrammen en een kant-en-klaar HTML-fragment.
Over Favicon-generator
De Favicon Generator bouwt elk icoon dat een moderne website nodig heeft vanuit één bron: upload een logo-PNG, kies een lettertype-icoon of typ een monogram. Het pakket bevat de klassieke favicon.ico (16, 32 en 48 px), moderne PNG-favicons, het 180 px Apple-touch-icoon, 192 en 512 px PWA-iconen, een site.webmanifest en het HTML head-fragment.
De styling wordt in de tool geregeld: kies een achtergrondkleur of behoud transparantie, knip in een vierkante, afgeronde of ronde vorm, stel de padding en artworkgrootte in, en bepaal de themakleur die door de browser-UI en het PWA-manifest wordt gebruikt. Een live voorvertoning toont je icoon in echte contexten — een 16 px browsertabblad, een bladwijzer, de Apple-touchtegel en een PWA-icoon.
Alles wordt gerenderd op een canvas in je browser, en Generate bundelt het hele pakket in een ZIP met een README. Installatie verloopt in twee stappen: uitpakken in de root van je website en het meegeleverde fragment plakken in je <head>.
Hoe gebruik je Favicon-generator
- Kies je bron: upload een PNG-logo, kies een lettertype-icoon of typ een monogram.
- Stel de stijl in — achtergrondkleur of transparantie, vorm, padding en artworkgrootte.
- Vul de sitenaam, korte naam en themakleur in voor het PWA-manifest.
- Controleer de voorvertoningen: browsertabblad, bladwijzer, Apple-touch en PWA-contexten.
- Klik op "Generate favicons" en pak het pakket uit in de root van je website.
- Plak het HTML-fragment uit het pakket in de <head> van je pagina.