Favicon-generator
Upload je logo en krijg in één ZIP de pictogrammen die je site nodig heeft: een favicon.ico met afbeeldingen van 16, 32 en 48 pixels, een PNG van 48 pixels voor Google, een Apple Touch Icon met ondoorzichtige achtergrond voor de iPhone, pictogrammen van 192 en 512 pixels voor Android, een maskable pictogram met uitgewerkte veilige zone en een site.webmanifest. Upload je een SVG, dan zit icon.svg er ook bij. Je ziet voorbeelden voor het tabblad, het Google-resultaat en het startscherm en kopieert de kant-en-klare <head>-code; alles draait in je browser.
- Gratis, zonder account
- Je bestand verlaat je apparaat nooit
- Tot 50 MB per bestand
Voeg je logo of pictogram toe om te beginnen. PNG, SVG, JPG en WebP werken allemaal; het beste resultaat krijg je met een vierkante afbeelding van minstens 512 × 512 pixels.
Je bestand verlaat je apparaat nooit; afbeeldingen worden in je browser verwerkt. EXIF- en locatiegegevens worden niet aan de uitvoer toegevoegd.
Een favicon maken
Voeg je logo toe
Upload een logo als PNG, SVG, JPG of WebP. Het beste resultaat krijg je met een vierkante afbeelding van minstens 512 × 512 pixels; een SVG werkt ook.
Stel de naam, kleuren en marge in
Typ de sitenaam en korte naam, kies de thema- en achtergrondkleur en voeg indien nodig marge toe. De voorbeelden laten zien hoe het pictogram eruitziet in een tabblad, in Google en op een startscherm.
Download het pakket en plaats het
Download de ZIP, upload de bestanden naar de hoofdmap van je site en voeg het getoonde <head>-fragment aan je pagina’s toe.
Wat blijft behouden?
Behouden
- De verhoudingen van je logo: een niet-vierkante afbeelding wordt in een vierkant geplaatst, nooit uitgerekt
- Transparantie (in de standaardpictogrammen; kies je een achtergrondkleur, dan wordt die ingevuld)
- Als je een SVG uploadt, wordt icon.svg ongewijzigd meegeleverd
Gewijzigd
- Elk pictogram wordt met hoge kwaliteit naar zijn eigen formaat herbemonsterd
- Het Apple Touch Icon en het maskable pictogram hebben altijd een ondoorzichtige achtergrond: de kleur die je kiest, of wit als “Transparant” is geselecteerd
- In het maskable pictogram staat de inhoud in de veilige zone van 80%
Niet overgenomen
- Uit een PNG of JPG wordt geen vector (SVG) gemaakt; icon.svg bestaat alleen bij SVG-invoer
- EXIF en andere metagegevens worden niet aan de pictogrammen toegevoegd
Wanneer gebruik je het?
Een complete set pictogrammen voor een nieuwe site
Eén favicon.ico dekt niet meer alles: het iPhone-startscherm, Android en Google-zoekresultaten verwachten verschillende bestanden. Eén upload geeft je ze allemaal, met de juiste namen en formaten.
Je pictogram in de Google-resultaten krijgen
Google toont het pictogram van je site in zoekresultaten vanuit een vierkant bestand waarvan het formaat een veelvoud van 48 pixels is, en dat bestand moet doorzoekbaar zijn. Het pakket bevat dat bestand en de bijbehorende <head>-link.
Een website die je als app kunt toevoegen (PWA)
Wil je dat je site aan het startscherm kan worden toegevoegd, dan heb je een manifest en pictogrammen van 192/512 pixels nodig. Het maskable pictogram zorgt dat je logo niet wordt afgeknipt wanneer Android het pictogram tot een cirkel of afgerond vierkant bijsnijdt.
Beperkingen om te weten
- Voor het beste resultaat gebruik je een vierkante afbeelding van minstens 512 × 512 pixels; grote pictogrammen van kleinere bronnen zien er wazig uit.
- Dunne lijnen en kleine tekst worden onleesbaar in pictogrammen van 16 en 32 pixels; vette logo’s met hoog contrast werken beter.
- De themakleur wordt alleen toegepast in de adresbalk van mobiele browsers en hangt af van de browserinstellingen.
- Google kan dagen of zelfs weken nodig hebben om het pictogram in de zoekresultaten bij te werken, en ook browsers bewaren pictogrammen in de cache.
Veelgestelde vragen
Welke faviconbestanden heeft een website nodig?
De huidige aanpak: favicon.ico in de hoofdmap, een PNG van 48 pixels voor Google, indien mogelijk icon.svg, een apple-touch-icon.png van 180 pixels voor de iPhone, pictogrammen van 192 en 512 pixels voor Android en een site.webmanifest. De generator maakt ze allemaal en geeft je de <head>-links.
Wat is een maskable pictogram?
Een maskable pictogram houdt zijn inhoud binnen een veilige zone en heeft een volledig gevulde achtergrond, zodat Android het kan bijsnijden tot een cirkel, afgerond vierkant of een andere vorm, afhankelijk van het apparaat. Hier staat de inhoud in het middelste gebied van 80% van de afbeelding van 512 pixels.
Waarom is het Apple Touch Icon ondoorzichtig met vierkante hoeken?
iOS toont transparante gebieden als zwart en rondt de hoeken zelf af. Daarom wordt het pictogram volledig gevuld en zonder afgeronde hoeken gemaakt, in de achtergrondkleur die je kiest (wit als transparant is geselecteerd).
Waarom verschijnt mijn pictogram niet in de Google-resultaten?
Het pictogrambestand mag niet door robots.txt worden geblokkeerd, moet vanuit de <head> van de homepage zijn gelinkt en moet een vierkant zijn waarvan het formaat een veelvoud van 48 pixels is. Na de reparatie kun je in Search Console om opnieuw indexeren van de homepage vragen; de bijwerking kan nog steeds dagen of weken duren.
Wat gebeurt er als ik een niet-vierkante afbeelding upload?
De pictogrammen worden zonder vervorming in een vierkant geplaatst, zodat aan de zijkanten lege ruimte overblijft. Wil je dat het beeld het vierkant vult, snij het dan eerst met de bijsnijdtool bij op 1:1.
Maakt dit een SVG-favicon van een PNG?
Nee. Pixels automatisch naar een vector omzetten kan ongemerkt het uiterlijk van het pictogram veranderen, dus icon.svg wordt alleen meegeleverd als je zelf een SVG uploadt.
Is deze tool gratis?
Ja, helemaal gratis. Geen account, abonnement of watermerk.
Worden mijn bestanden ergens geüpload?
Nee. Afbeeldingen worden in je browser verwerkt en verlaten je apparaat nooit. EXIF- en locatiegegevens worden niet aan de uitvoer toegevoegd.