Maak van je logo elk pictogram dat een website nodig heeft: de favicon.ico waar browsers naar zoeken, PNG-pictogrammen, het iPhone-beginschermpictogram en Android-app-pictogrammen, met een kant-en-klaar manifest en de regels om in je pagina te plakken.
Favicon generator in het kort
| Price | Gratis, geen registratie, geen watermerk, geen daglimiet |
|---|---|
| Accepteert | JPG · PNG · WebP · HEIC |
| Grootste bestand | 20 MB per file |
| Waar het werkt | In je browser: bestanden worden nooit geüpload |
| Werkt op | Elke moderne browser op iPhone, Android, Windows, Mac en Linux |
| Resultaat versturen | Download het, of verstuur het gratis met een link of per e-mail (tot 20 GB) |
Favicon generator: zo werkt het
- Kies een vierkant logo of een vierkante afbeelding, het liefst 512 × 512 pixels of groter.
- Kies hoe een niet-vierkante afbeelding wordt verwerkt, een achtergrond en opvulling.
- Druk op Favicons maken.
- Download alles als ZIP, upload de bestanden naar de hoofdmap van je site en plak de HTML in <head>.
Wat je krijgt
| Bestand | Grootte | Gebruikt door |
|---|---|---|
favicon.ico | 16, 32, 48 px | Alle browsers, Windows, bladwijzers |
favicon-16x16.png, favicon-32x32.png | 16, 32 px | Browsertabbladen |
apple-touch-icon.png | 180 px | Beginscherm van iPhone en iPad |
android-chrome-192x192.png, -512x512.png | 192, 512 px | Android-beginscherm, installeerbare webapps |
site.webmanifest | Naam, pictogrammen en kleuren voor Android en PWA's |
Ontwerpen voor 16 pixels
Een favicon is piepklein. Gebruik een krachtig symbool of een of twee letters in plaats van een volledig logo met slogan, en veel contrast. Kleine pictogrammen worden gemaakt door in halveringsstappen te verkleinen vanaf een grote werkkopie, wat randen scherp houdt. Opvulling geeft een logo dat tot de randen loopt wat ademruimte, en afgeronde hoeken of een cirkel passen bij de stijl van app-pictogrammen. Het iPhone-pictogram krijgt altijd een effen achtergrond, omdat iOS transparante delen zwart toont.
Een echt ICO-bestand
De favicon.ico wordt hier byte voor byte geschreven als een echt pictogrambestand met meerdere formaten (met PNG gecomprimeerde onderdelen, ondersteund door elke huidige browser en door Windows sinds Vista), geen hernoemde PNG. Er wordt niets geüpload: je logo wordt in je browser verwerkt. Om de afbeelding eerst te bewerken, bijvoorbeeld vierkant bij te snijden, gebruik je de afbeeldingseditor. Ook een QR-code voor je site nodig? Probeer de QR-code generator.
Hoe dit zich verhoudt
| Deze tool | Online converters (e.g. TinyPNG, iLoveIMG of CloudConvert) | Desktopapps (bijv. Photoshop) | |
|---|---|---|---|
| Je bestand is geüpload | Nee | Ja, naar hun servers | Nee |
| Installatie of account | Geen | Account voor sommige functies | Installatie nodig |
| Watermerk of daglimieten | Geen | Gebruikelijk bij gratis abonnementen | Hangt af van de app |
Abonnementen van andere diensten veranderen; kijk op hun sites. Meer afbeeldingstools.
Veelgestelde vragen
Hoe groot moet mijn favicon-afbeelding zijn?
Vierkant en minstens 512 × 512 pixels, zodat het grote Android-pictogram scherp blijft. Kleinere afbeeldingen werken ook, maar worden vergroot.
Waar zet ik de bestanden?
In de hoofdmap van je website (naast index.html); plak daarna de HTML die bij de resultaten staat in de head van je pagina's.
Is favicon.ico nog nodig?
Ja. Browsers en veel tools vragen /favicon.ico automatisch op, ook zonder link-tag.
Kan ik een favicon maken van een foto?
Ja, kies Midden bijsnijden, maar een eenvoudig logo of een letter is op 16 pixels veel beter herkenbaar.
Wordt mijn logo geüpload?
Nee. De pictogrammen worden op je eigen apparaat gemaakt.
Moet je een groot bestand versturen?
Verstuur bestanden tot 20 GB met een downloadlink of per e-mail. Gratis, geen account nodig, originele kwaliteit.
Grote bestanden gratis versturen