Converteer JPG naar ICO

Maak van een JPG een echte favicon.ico met meerdere resoluties — plus de rest van een moderne iconset — 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.

Van een JPEG-fotoformaat naar een iconformaat

JPG is gemaakt voor foto’s en kent geen transparantie; ICO is een container die meerdere kleine vierkante bitmaps tegelijk bevat. Converteren is dus geen kwestie van hernoemen — de afbeelding moet opnieuw worden bemonsterd naar 16, 32 en 48 pixels en in één bestand worden verpakt. Deze tool doet precies dat en schrijft een echte favicon.ico met meerdere resoluties, zodat browsers zelf het formaat kiezen dat ze nodig hebben voor het tabblad, de bladwijzerbalk of een snelkoppeling op het bureaublad.

Snijd de foto terug tot iets leesbaars

Een JPEG is meestal een foto, en foto’s overleven het zelden om tot 16 pixels te worden verkleind. Gebruik de opvullings- en vormopties om het onderwerp naar binnen te halen, voeg een effen achtergrond toe zodat de randen schoon blijven, en kijk in het live voorbeeld en het nagebootste browsertabblad of het op tabbladformaat nog leest. De volledige set — favicon.ico, apple-touch-icon, PWA-iconen en een HTML-fragment — download je als zip.

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.