PNG of JPG omzetten naar ICO en de formaten controleren
Op deze pagina
Kort antwoord: open de tool Afbeelding naar ICO van Imgovo, voeg een PNG, JPG, WebP of SVG toe, vink de gewenste formaten aan (voor een website: 16, 32 en 48 px), kies hoe de afbeelding in het vierkant past en download het .ico-bestand. Om een bestaand icoon te controleren sleep je het in de ICO-viewer. Beide tools draaien in je browser en er wordt niets geüpload.
Wat een ICO-bestand is
Een .ico-bestand is een container. Daarin zitten meerdere kleine afbeeldingen, lagen genoemd, elk met een eigen formaat. Windows, browsers en andere programma’s kiezen de laag die het best past bij de plek waar het icoon wordt getoond: een tabblad, een taakbalk, een snelkoppeling of een map. Daarom heeft een goed iconbestand meer dan één formaat.
Welke formaten je kiest
| Gebruiken | Formaten |
|---|---|
| Favicon voor een website | 16, 32, 48 px |
| Windows-programma of snelkoppeling | voeg 64, 128, 256 px toe |
| Alles | 16, 24, 32, 48, 64, 96, 128, 256 px |
De tool heeft twee snelkoppelingen: Website: 16, 32, 48 en Alle formaten. Elk aangevinkt formaat wordt als eigen afbeelding opgeslagen, dus meer formaten geven een groter bestand.
Stap voor stap
- Open Afbeelding naar ICO en sleep een afbeelding op de pagina, klik om er een te kiezen of plak vanaf het klembord. Een vierkante afbeelding met een transparante achtergrond werkt het best.
- Kies de Formaten in het bestand.
- Kies onder Vorm Bijsnijden tot vierkant (vult het hele vierkant en snijdt de randen van een brede afbeelding weg) of Hele afbeelding passend (behoudt alles en voegt lege ruimte aan de zijkanten toe).
- Kies een Achtergrond: transparant of een kleur. Pas desgewenst Opvulling en Afgeronde hoeken aan.
- Bekijk het voorbeeld van de Lagen.
- Klik op .ico-bestand downloaden.
Elke laag wordt op zijn exacte formaat uit je afbeelding getekend, in plaats van achteraf één grote afbeelding te verkleinen. Nadat het bestand is gemaakt, leest Imgovo het terug en controleert het.
Ontwerp voor kleine formaten
Op 16 × 16 pixels verdwijnt fijn detail. Gebruik een gedurfde vorm, een of twee letters of een eenvoudig logo en laat wat opvulling. Heeft je logo een achtergrond die je niet wilt, verwijder die dan eerst; zie De achtergrond van een foto verwijderen.
Kijk in een .ico-bestand met de ICO-viewer
Weet je niet wat een iconbestand bevat? Open de ICO-viewer en sleep het bestand op de pagina. Voor elke laag toont hij:
- het formaat,
- de kleurdiepte,
- of de laag als PNG of als oudere bitmap (DIB) is opgeslagen,
- het aantal bytes dat hij gebruikt,
- de afbeelding zelf op een dambord, zodat transparantie zichtbaar is.
Je kunt één laag als PNG-bestand opslaan, of Alle lagen opslaan als PNG (ZIP) gebruiken. De viewer toont PNG-lagen en ongecomprimeerde bitmaplagen met 1, 4, 8, 24 of 32 bits per pixel, inclusief hun transparantiemasker. Een laag met een andere compressie wordt met een opmerking vermeld, maar kan niet worden getekend. Wijkt het formaat dat in de map van het bestand staat af van het echte formaat van de afbeelding, dan toont de viewer het echte formaat en voegt hij een opmerking toe.
Een complete faviconset
Een .ico is maar één onderdeel van een websiteiconenset. Voor PNG-favicons, een Apple touch-icoon, Android-iconen, een optionele SVG-favicon, een manifest en de regels om in je pagina’s te plakken gebruik je de Favicon-generator en lees je Een favicon maken.
Privacy
Het ICO-bestand wordt in je browser gemaakt en gelezen. Je afbeelding verlaat je apparaat nooit.
Probeer het nu
Open Afbeelding naar ICO, voeg je afbeelding toe en download een icoon met de formaten die je nodig hebt.
Veelgestelde vragen
Welke formaten moet een ICO-bestand bevatten?
Voor een website-favicon zijn 16, 32 en 48 px genoeg. Voor een Windows-programma of snelkoppeling voeg je grotere formaten toe, zoals 64, 128 en 256 px. Elk formaat dat je aanvinkt, wordt als eigen afbeelding opgeslagen, dus een grotere selectie geeft een groter bestand.
Waarom bestaat één ICO-bestand uit meerdere afbeeldingen?
Een ICO-bestand is een kleine container. Elke laag is een aparte afbeelding met een eigen formaat en het systeem of de browser kiest de laag die het best past. Imgovo tekent elke laag op dat exacte formaat uit je afbeelding, in plaats van achteraf één grote afbeelding te verkleinen.
Worden de lagen als PNG opgeslagen?
Ja. Elke laag wordt als PNG-afbeelding in het ICO-bestand geschreven, wat transparantie behoudt en wordt ondersteund door huidige browsers en door Windows sinds Vista. Zeer oude programma’s begrijpen misschien alleen de oudere bitmaplagen.
Waarom wordt mijn afbeelding afgesneden?
Iconen zijn vierkant. Bijsnijden tot vierkant vult het hele vierkant en snijdt de randen van een brede afbeelding weg. Hele afbeelding passend behoudt alles en voegt lege ruimte aan de zijkanten toe, die transparant of een kleur kan zijn.
Kan de ICO-viewer een .cur-cursorbestand openen?
Nee. Cursorbestanden lijken op iconen, maar bevatten hotspotposities en gebruiken een ander typenummer. De viewer is alleen voor iconen en meldt dat.
Heb ik Afbeelding naar ICO of de Favicon-generator nodig?
Gebruik Afbeelding naar ICO als je alleen het .ico-bestand nodig hebt. Gebruik de Favicon-generator als je ook PNG-, Apple- en Android-iconen, een SVG-favicon, een manifest en de HTML-regels wilt.