Monu Tools

Favicon-generator

Zet een afbeelding om naar een complete favicon-set, inclusief .ico, PNG-formaten, Apple touch icon en een web manifest, gegenereerd in je browser.

Sleep een bestand hierheen, of klik om er een te kiezen

Bestanden worden in je browser verwerkt en nooit geüpload.

Hoe gebruik je Favicon-generator

  1. 01

    Upload een vierkante afbeelding. Een eenvoudig logo of icoon werkt het beste en wordt verwerkt in je browser.

  2. 02

    Kies optioneel een achtergrond en voer je sitenaam in voor het web manifest.

  3. 03

    Download de ZIP en plak het HTML-fragment in de head van je pagina.

Veelgestelde vragen

Wat zit er in het faviconpakket?

Een favicon.ico met 16, 32 en 48 px, losse PNG's van 16 en 32 px, een Apple touch icon van 180 px, PNG's van 192 en 512 px voor Android, een site.webmanifest, en een HTML-fragment om in de head van je pagina te plakken.

Welke afbeelding moet ik uploaden?

Een vierkante afbeelding van minstens 512 px werkt het best, idealiter een eenvoudig logo of merkteken. Een niet-vierkante afbeelding wordt gecentreerd en opgevuld tot een vierkant, dus detail nabij de randen kan in de marges belanden.

Worden mijn afbeeldingen geupload?

Nee. De pictogrammen worden in je browser gegenereerd met de Canvas API, dus je afbeelding verlaat nooit je apparaat.

Waarom heb ik zoveel maten nodig?

Verschillende plekken tonen het pictogram in verschillende maten: piepklein in een browsertabblad, groter op een telefoon-startscherm. Meerdere maten aanbieden betekent dat elke context een scherp, correct geschaald pictogram gebruikt.

Waar dient het web manifest voor?

Het site.webmanifest vertelt telefoons welke pictogrammen en naam te gebruiken wanneer iemand je site aan zijn startscherm toevoegt, zodat hij zich gedraagt als een geinstalleerde app.

Over dit hulpmiddel

Een favicon is het kleine pictogram dat in browsertabbladen, bladwijzers en op telefoon-startschermen wordt getoond. Het is een klein detail dat een site af en herkenbaar maakt, en moderne browsers verwachten er meerdere versies van.

Dat is het addertje: een afbeelding is niet meer genoeg. Je hebt een .ico met meerdere maten nodig voor klassieke browsers, losse PNG-maten, een Apple touch icon voor iOS-startschermen, grotere PNG's voor Android, en een web manifest als de site installeerbaar moet zijn.

Deze generator bouwt de hele set uit een enkele afbeelding, inclusief een echte .ico met meerdere maten, en geeft je het exacte HTML-fragment om in de head van je pagina te plaatsen, zodat je niets hoeft samen te stellen of met de hand hoeft te schrijven.

Voor het beste resultaat upload je een vierkante afbeelding van minstens 512 px, idealiter een eenvoudig logo of merkteken in plaats van een gedetailleerde foto, want het pictogram wordt vaak heel klein getoond. Een niet-vierkante afbeelding wordt gecentreerd en opgevuld tot een vierkant, dus detail nabij de randen kan in de marges belanden.

Je kunt optioneel een achtergrondkleur en je sitenaam instellen, die in het web manifest komt dat wordt gebruikt wanneer iemand de site aan zijn startscherm toevoegt.

Alles draait lokaal in je browser met de Canvas API, dus je afbeelding wordt nooit geupload; je downloadt een ZIP met alle bestanden en het fragment om te plakken.

Deze tool insluiten

Voeg deze tool toe aan je eigen website. Kopieer het fragment hieronder. Het blijft automatisch up-to-date.

<iframe src="https://monu.tools/embed/nl/favicon-generator" width="100%" height="640" style="border:1px solid #e5e5e5;border-radius:12px;max-width:680px" loading="lazy" title="Monu Tools"></iframe>

Gerelateerde tools