Zet een PNG-afbeelding om naar een ICO-bestand om als favicon van je website of als icoon in Windows te gebruiken. Het ICO-bestand bevat meerdere formaten, van 16 tot 256 pixels, zodat het icoon overal scherp is, en het behoudt de transparantie van de PNG. Gratis, zonder account en zonder watermerk.
Zo zet je PNG om naar ICO
- Selecteer je PNG-afbeelding. Idealiter is ze vierkant, met een transparante achtergrond en minstens 256 × 256 pixels.
- Klik op “Omzetten naar ICO”.
- Download het ICO-bestand. Heb je meerdere afbeeldingen omgezet, dan krijg je een zip met één icoon per afbeelding.
Wat is een ICO-bestand
ICO is het iconenformaat van Windows en het klassieke formaat van de favicon, het kleine icoon dat je ziet in het browsertabblad, bij bladwijzers en in zoekresultaten. Het bijzondere eraan: één bestand bevat meerdere formaten van dezelfde afbeelding, en elk programma gebruikt het formaat dat het nodig heeft.
Ons ICO-bestand bevat deze formaten, zolang je afbeelding minstens zo groot is (we vergroten de afbeelding nooit, zodat ze niet wazig wordt):
| Formaat | Gebruik |
|---|---|
| 16 × 16 en 24 × 24 | Browsertabbladen, adresbalk |
| 32 × 32 | Windows-taakbalk, snelkoppelingen |
| 48 × 48 | Windows-bureaublad; Google raadt favicons van dit formaat of groter aan |
| 64 × 64 en 128 × 128 | Middelgrote en grote iconen in de Verkenner |
| 256 × 256 | Extra grote iconen en schermen met hoge resolutie |
Zo bereid je de afbeelding voor
- Vierkant: is ze dat niet, dan centreren we haar op een vierkante transparante achtergrond zodat ze niet vervormt, maar ze lijkt dan kleiner in het icoon.
- Met een transparante achtergrond, zodat het icoon past bij elke kleur tabblad of bureaublad.
- Eenvoudig: op 16 pixels verdwijnen fijne details en lange teksten. Een symbool of een letter werkt beter dan een volledig logo.
- Van 256 × 256 pixels of groter, zodat alle formaten worden gemaakt.
Zo zet je de favicon op je website
Zet het bestand in de hoofdmap van je website met de naam favicon.ico: browsers zoeken daar automatisch. Om het expliciet aan te geven, voeg je deze regel toe aan de <head> van je pagina’s:
<link rel="icon" href="/favicon.ico" sizes="any">
Gebruik je WordPress, dan heb je geen ICO-bestand nodig: bij Weergave › Customizer › Site-identiteit › Site-icoon kun je direct een vierkante PNG van minstens 512 × 512 pixels uploaden.
Beperkingen
- Het maximale formaat van een ICO-icoon is 256 × 256 pixels.
- Is de PNG geanimeerd (APNG), dan wordt alleen het eerste frame gebruikt.
- Tot 20 bestanden tegelijk, 20 MB per bestand, 100 MB in totaal en 100 megapixel per afbeelding.
Veelgestelde vragen
Welke formaten zitten er in het ICO-bestand?
Tot zeven: 16, 24, 32, 48, 64, 128 en 256 pixels, allemaal vierkant. Alleen de formaten die niet groter zijn dan je afbeelding komen erin, zodat die niet wordt vergroot en wazig wordt.
Hoe zet ik de favicon op mijn website?
Zet het bestand in de hoofdmap van je website met de naam favicon.ico. Browsers zoeken daar standaard, en je kunt het ook aangeven in de head van je pagina’s met een link rel="icon"-tag.
Heb ik een favicon.ico nodig als ik al een favicon in PNG of SVG heb?
Het is niet verplicht, maar nog steeds aan te raden: sommige oudere browsers en tools, feedlezers en programma’s die snelkoppelingen opslaan, vragen direct om /favicon.ico.
Waarom is mijn icoon wazig of verliest het details op 16 pixels?
Omdat 16 × 16 pixels piepklein is: dunne lijnen en tekst passen er niet in. Gebruik een vereenvoudigde versie van je logo, zoals een symbool of een letter met goed contrast.
Kan ik het ICO-bestand gebruiken om het icoon van een map in Windows te wijzigen?
Ja. Klik met de rechtermuisknop op de map, open Eigenschappen › Aanpassen › Ander pictogram en kies het ICO-bestand. Windows gebruikt in elke weergave van de Verkenner het juiste formaat.