Converteer een afbeelding naar een favicon

Maak van een foto of logo een volledige faviconset — favicon.ico, apple-touch-icon en web-app-PNG’s — rechtstreeks in je browser, met niets geüpload.

Privacy voorop: elke afbeelding wordt lokaal in je browser verwerkt. Er wordt niets geüpload, opgeslagen of naar een server verzonden.

Van één afbeelding naar een volledige set

Zet een willekeurige afbeelding neer en krijg elk icoon terug dat een site nodig heeft: een favicon.ico met meerdere formaten voor tabbladen, een apple-touch-icon van 180px voor iOS, PNG’s van 192 en 512px voor Android en PWA’s, een web-manifest, en de HTML om ze aan te sluiten. Niet-vierkante afbeeldingen worden vanuit het midden bijgesneden, en de instellingen voor vorm, opvulling en achtergrond laten je het resultaat kaderen.

Privé van opzet

Faviconsites uploaden meestal je artwork voordat ze iets teruggeven. Hier wordt de hele set op je apparaat gegenereerd met de Canvas-API, dus je logo wordt nooit verzonden, opgeslagen of gelogd. Het is direct, werkt offline zodra het geladen is, en wat je downloadt is precies wat je browser heeft geproduceerd.

Veelgestelde vragen

Wordt mijn afbeelding geüpload om de favicon te maken?
Nee. De favicon.ico, PNG-iconen en het manifest worden allemaal lokaal in je browser gegenereerd met de Canvas-API. Je afbeelding verlaat nooit je apparaat.
Welke formaten en bestanden krijg ik?
Een favicon.ico met meerdere resoluties (16, 32 en 48px), PNG-iconen op 16, 32, 48, 180 (apple-touch-icon), 192 en 512px, een site.webmanifest en een HTML-fragment om in je <head> te plakken.
Kan ik een PNG of SVG naar een ICO omzetten?
Ja. Zet er een PNG, JPG, SVG of WebP in en download een echte favicon.ico. SVG-logo's worden eerst lokaal op hoge resolutie gerasterd.
Welke afbeelding werkt het best?
Een vierkante afbeelding met een eenvoudig, contrastrijk logo. Niet-vierkante afbeeldingen worden vanuit het midden bijgesneden; gebruik de opvulling- en vormbediening om het te kaderen zoals je wilt.
Hoe installeer ik de favicon?
Pak het pakket uit in de hoofdmap van je site en plak het meegeleverde HTML-fragment in de <head> van je pagina's. De favicon.ico wordt door de meeste browsers automatisch opgepikt.