Favicon-generator

Genereer een complete faviconset uit één afbeelding — favicon.ico, apple-touch-icon, Android/PWA-iconen en het HTML-fragment — volledig in je browser. Er wordt niets geüpload.

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

Elk icoon dat een moderne site nodig heeft, in één keer

Een favicon is niet langer één bestand. Browsers lezen een kleine favicon.ico voor tabbladen en de adresbalk, iOS wil een 180×180 apple-touch-icon voor het startscherm, en Android en installeerbare web-apps halen PNG’s van 192 en 512px uit een web-manifest. Deze generator bouwt ze allemaal uit één bronafbeelding en geeft je een kant-en-klaar HTML-fragment, zodat je niet zes formaten met de hand hoeft te exporteren.

Gekaderd zoals jij wilt, privé gehouden

Houd het icoon vierkant, rond de hoeken af, of snijd het rond bij; voeg opvulling toe zodat een logo niet tegen de rand geklemd zit; en kies een transparante of effen achtergrond. Een live voorbeeld toont het resultaat op echte faviconformaten, inclusief een nagebootst browsertabblad. Omdat elk bestand op je apparaat wordt gegenereerd, wordt je logo — vaak nog niet uitgebrachte branding — nooit naar een server verstuurd.

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.