Zo gebruik je Favicon-generator
- 1
Kies een bron
Upload een logo of afbeelding van maximaal 25 MB, typ één tot drie letters in een van de 11 lettertypen, of kies een emoji.
- 2
Ontwerp het icoon
Kies uit 12 vormopties, van geen vorm of een gewoon vierkant tot een koekje of klaver. Stel ook een achtergrondkleur of transparantie, marge en hoekafronding in.
- 3
Controleer elk formaat
Bekijk het icoon van 16 tot 192 pixels, in lichte en donkere browsertabs en binnen de maskable veilige zone van Android.
- 4
Downloaden en installeren
Sla favicon.zip op, pak het uit in de map van je site en plak de gegenereerde HTML in de head van de pagina.
Limieten en Pro
Onbeperkt iconensets van tekst of emoji; afbeeldingen tot 25 MB, één tegelijk. Elke set bestaat uit 10 bestanden.
Met Pro gaat de uploadlimiet voor logoafbeeldingen naar 4 GB. Pro bekijken
Over Favicon-generator
De favicon generator maakt van één ontwerp de complete set iconen die een moderne website nodig heeft. De ZIP bevat favicon.ico met afbeeldingen van 16, 32 en 48 pixels, losse PNG's van 16, 32 en 48 pixels, een apple-touch-icon van 180 pixels met een ondoorzichtige achtergrond (iOS voegt zelf afgeronde hoeken toe), Android Chrome-iconen van 192 en 512 pixels, een maskable icoon van 512 pixels waarvan de inhoud binnen de veilige zone van 80% blijft, een site.webmanifest met de naam van je app, de korte naam en de themakleur, en een kant-en-klaar HTML-fragment met de link- en theme-color-tags. Alle PNG's worden verliesvrij geoptimaliseerd.
Geüploade afbeeldingen worden met een Lanczos-filter verkleind, zodat een groot logo ook op 16 pixels scherp blijft. Een SVG-logo wordt eerst op 1.024 pixels getekend. Teksticonen worden getekend met het lettertype dat je kiest en emoji met het lettertype Noto Color Emoji, zodat het resultaat op elk systeem hetzelfde eruitziet. Staan je iconen niet in de hoofdmap van de site, typ dan de map in, bijvoorbeeld /icons/, en de paden in het fragment en het manifest passen mee.
Denk aan een nieuwe website of blog, een webapp die mensen op hun beginscherm installeren, een intern dashboard dat tussen de browsertabs moet opvallen, of een snel tijdelijk icoon voor een zijproject. Fijne details en lange woorden verdwijnen op 16 pixels, dus eenvoudige vormen en een of twee letters werken het best. De tool host de bestanden niet en past je site niet aan; die upload je zelf.
Privacy
Iconen worden getekend op canvassen in dit tabblad en gecodeerd door de WebAssembly-PNG-codec van de site in een Web Worker, dus een geüpload logo verlaat je apparaat nooit. Kies je een van de Google-lettertypen of de bron Emoji, dan downloadt de browser dat lettertype van Google Fonts zodra je gaat bewerken; het verzoek noemt het lettertype, nooit je tekst, en bij het laden van de pagina wordt niets opgehaald.
Functies
Complete set iconen
ICO, PNG-formaten, Apple touch icon, Android- en maskable iconen en een webmanifest in één ZIP.
Afbeelding, tekst of emoji
Gebruik je logo, één tot drie letters in 11 lettertypen of een willekeurige emoji als bron.
Expressieve vormen
Vierkant, afgerond, cirkel en acht Material-vormen, met instellingen voor marge en hoekafronding.
HTML om te plakken
Link-tags, themakleur en manifestpaden worden gegenereerd voor de map die je kiest.