ICO naar SVG converteren

Zet een Windows-icoon of favicon in een .svg-bestand voor programma's die alleen SVG accepteren. De pixels van het icoon blijven pixels. Daarom leest u op deze pagina ook hoe u echte vectorpaden krijgt, of gewoon een grotere PNG.

of sleep JPG, JPEG, JPE …-bestanden hierheen ·

Max. 95 MB per bestand· Tot 20 bestanden· Verwijderd na 30 minuten

Uitvoer

Converteren naar

Bestanden worden op onze servers verwerkt en na 30 minuten verwijderd.

Zo gebruikt u deze tool

1
Upload het .ico-bestand
Een favicon.ico van een website of een pictogram uit een Windows-programma. Maximaal 20 bestanden per keer.
2
Klik op Converteren naar SVG
De grootste afbeelding in het ICO-bestand wordt in een SVG-document geplaatst, met behoud van transparantie.
3
Bepaal wat u daarna nodig hebt
Gebruik de SVG zoals hij is, vectoriseer hem voor schaalbare paden, of haal een PNG op als je alleen de afbeelding wilt.

Antwoord

Maakt het converteren van ICO naar SVG het pictogram schaalbaar?

Nee. Een ICO bevat alleen bitmaps, dus de SVG verpakt de grootste ervan, inclusief pixels en transparantie. Wil je een pictogram dat op elk formaat scherp blijft, trace het dan; wil je een groter afbeeldingsbestand, haal dan een PNG op.

Deze pagina

Verpakte SVG

De grootste bitmap van de ICO in een .svg-bestand.

Ziet er precies uit als het pictogram
Transparantie behouden
Wordt wazig bij vergroten

Tracen

Getraceerde SVG

Randen omgezet in vectorpaden met afbeelding naar SVG.

Schaalt naar elk formaat
Bewerkbare kleuren en vormen
Kleine details kunnen vereenvoudigd worden

Extraheren

PNG uit ICO

De grootste pictogramafbeelding opgeslagen als PNG.

Opent overal
Verliesvrij en transparant
Vast pixelformaat

ICO naar SVG: een omhulsel rond pixels, geen vector

Het ICO-formaat stamt uit Windows 1.0 in 1985 en werd het favicon-formaat toen Internet Explorer 5 in 1999 naar /favicon.ico begon te zoeken. Eén bestand bevat meerdere vierkante bitmaps, zodat Windows en browsers het passende formaat kunnen kiezen: 16 px voor een browsertabblad, 32 of 48 px voor de taakbalk en het bureaublad en, sinds Windows Vista, afbeeldingen van 256 px die als gecomprimeerde PNG-gegevens zijn opgeslagen. Nergens in die structuur zit een pad, een curve of een vulling.

SVG, sinds 2001 een W3C-formaat, kan twee soorten inhoud bevatten: vectorvormen en ingebedde bitmaps. Bij het converteren van een ICO is alleen de tweede soort een eerlijke uitkomst. De SVG krijgt de breedte en hoogte van het pictogram en één afbeeldingselement met de pixels, zodat hij in een browser, Figma of een dia precies zo wordt weergegeven als de ICO. Zoom je in, dan zie je dezelfde pixels, want er is niets opnieuw getekend.

Icoonformaten in een ICO en waarom het grootste telt

1:1

16 × 16 px

Favicon in browsertabblad

Te klein om goed te tracen

1:1

32 × 32 px

Tabblad met hoge pixeldichtheid, taakbalk

Gangbaar maximum van favicon.ico

1:1

48 × 48 px

Bureaubladpictogram (Windows)

Aanwezig in de meeste programmapictogrammen

1:1

256 × 256 px

Weergave met grote pictogrammen

Beste bron om te tracen of voor een PNG

ICO

Windows-pictogram

ICO is het pictogramformaat van Microsoft voor programmapictogrammen in Windows en favicons van websites. Eén .ico-bestand kan meerdere afbeeldingen in verschillende formaten bevatten, zoals 16×16, 32×32, 48×48 en 256×256 pixels, zodat het systeem de beste kan kiezen. Elke afbeelding kan als bitmap of als PNG-gegevens worden opgeslagen en ondersteunt volledige alfatransparantie. ICO is niet bedoeld voor foto's of groot beeldmateriaal. Browsers, Windows en de meeste pictogrameditors kunnen het lezen.

Compressie: Zonder verlies
Transparantie: Ja
Animatie: Nee
Geïntroduceerd: Microsoft

ICO-converter

SVG

Scalable Vector Graphics

SVG is een op XML gebaseerd vectorformaat dat het W3C in 2001 standaardiseerde. In plaats van pixels beschrijft het vormen, paden en tekst, waardoor het op elk formaat scherp blijft en voor logo's en pictogrammen meestal piepklein is. Het ondersteunt transparantie, CSS-opmaak, scripting en animatie, en elke browser geeft het native weer. SVG is niet geschikt voor foto's, en complexe illustraties kunnen traag worden weergegeven. Illustrator, Inkscape, Figma en browsers kunnen het openen en bewerken.

Compressie: –
Transparantie: Ja
Animatie: Ja
Geïntroduceerd: 2001 · W3C

SVG-converter

Mensen zoeken op ICO naar SVG wanneer een ontwerptool, een pictogrambibliotheek of een websitesjabloon om SVG vraagt en de enige kopie van een logo een favicon of Windows-pictogram is; meestal is dit de eerste stap naar een getraceerde vector.

Een icoon overtrekken naar echte SVG-paden

Als je een logo wilt dat schaalt, is de verpakte SVG hooguit een tussenstap. Haal het pictogram door de afbeelding-naar-SVG-converter: die volgt kleurranden en schrijft ze als paden die je kunt vergroten, herkleuren en snijden. Het resultaat hangt af van het bronformaat: een afbeelding van 256 px uit een programmapictogram traceert veel beter dan een favicon van 16 px. In onze handleiding over PNG naar SVG converteren lees je hoeveel kleuren je aanhoudt en hoe je curves gladstrijkt.

Wil je het pictogram alleen in een document of editor gebruiken, sla SVG dan over en neem de grootste afbeelding als PNG met ICO naar PNG. De andere kant op, van een vectorlogo naar een favicon in meerdere formaten, doe je met SVG naar ICO.

Vragen over ICO naar SVG

Kan een ICO-bestand een echte vector-SVG worden?

Niet met alleen een conversie. Een ICO bevat uitsluitend bitmaps, van 16 × 16 tot 256 × 256 px, dus er zijn geen vormen om over te nemen. Echte paden moeten uit de pixels worden getraceerd, en dat doet de afbeelding-naar-SVG-converter.

Welke van de formaten in mijn .ico komt in de SVG terecht?

De grootste, want die bevat de meeste details. Een gewone favicon.ico gaat tot 32 of 48 px, terwijl een Windows-programmapictogram meestal ook een versie van 256 px bevat.

Werkt de verpakte SVG als favicon voor een website?

Chrome en Firefox ondersteunen SVG-favicons, maar een SVG die alleen een bitmap van 32 px bevat, levert niets op ten opzichte van de ICO waarmee je begon. Een SVG-favicon loont als hij echte paden bevat die scherp blijven op schermen met een hoge pixeldichtheid.

Waarom geeft het overtrekken van een favicon klodderige vormen?

Een pictogram van 32 px heeft maar 1.024 pixels, en bij tracen worden bochten geraden uit de randen. Hoe minder pixels, hoe grover die schatting. Trace de afbeelding van 256 px uit een Windows-pictogram, of zoek het originele logo, voor nette contouren.

Blijft de transparante achtergrond van het icoon behouden?

Ja. ICO-afbeeldingen hebben een alfakanaal en de SVG behoudt dat, dus het pictogram staat op elke achtergrond die de pagina of het ontwerpprogramma biedt.

Kan ik het icoon daarna in Inkscape of Figma een andere kleur geven?

Niet per vorm, omdat de SVG één ingebedde afbeelding bevat. Je kunt wel filters of overlays op het geheel toepassen; wil je kleuren per vorm, trace hem dan eerst.