SVG naar ICO converteren

Een favicon maken vanuit SVG is de beste uitgangssituatie: elke pictogrammaat wordt opnieuw vanuit de vector getekend in plaats van verkleind uit een grote bitmap, zodat de versie van 16 px zo scherp blijft als het pixelraster toelaat.

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 SVG-logo
Gebruik het beeldmerk of monogram, niet het volledige woordmerk. Een vierkante viewBox geeft het schoonste resultaat.
2
Houd alle pictogrammaten aan
Pictogramformaten staat standaard op Alle formaten (16–256), waarmee elke resolutie in één .ico-bestand komt. Kies alleen één formaat als een programma precies één formaat vraagt.
3
Klik op Converteren naar ICO
Sla het bestand op als favicon.ico in de hoofdmap van uw website, of laat een Windows-snelkoppeling ernaar verwijzen.

Antwoord

Hoe zet ik SVG om naar ICO voor een favicon?

Upload de SVG, laat Pictogramformaten op Alle formaten (16–256) staan en klik op Converteren naar ICO. U krijgt één .ico met elke resolutie getekend vanuit de vector, met behoud van transparantie.

SVG naar ICO converteren: waarom een vector de juiste bron is

Het .ico-formaat stamt uit de eerste Windows-versies, en de favicon.ico-conventie uit Internet Explorer 5 in 1999, dat in de hoofdmap van elke site waarvoor u een bladwijzer maakte naar een bestand met die naam zocht. Een ICO is een kleine container: een inhoudsopgave met items, elk een afzonderlijke vierkante bitmap, zodat één bestand een tabbladpictogram van 16 px en een bureaubladpictogram van 256 px naast elkaar kan bevatten. Windows Vista verhoogde het maximum naar 256 × 256 en liet toe dat die grote items als PNG worden opgeslagen.

Omdat elk item een eigen bitmap is, hangt de kwaliteit van een pictogram af van hoe elk formaat is gemaakt. Vanuit een PNG is elk formaat een verkleining van dezelfde pixels. Vanuit een SVG is elk formaat een nieuwe weergave van de paden, met anti-aliasing berekend voor precies dat raster. Op 16 × 16 px, waar een logo 256 pixels heeft om mee te werken, is dat verschil zichtbaar.

1:1

16 × 16 px

16 × 16

Browsertabbladen, bladwijzers en geschiedenislijsten.

1:1

32 × 32 px

32 × 32

Tabbladen op schermen met hoge dichtheid, snelkoppelingen op de Windows-taakbalk.

1:1

64 × 64 px

64 × 64

Geschaalde bureaubladweergaven en vastgemaakte items.

1:1

128 × 128 px

128 × 128

Grote voorbeelden in bestandsbeheerders.

1:1

256 × 256 px

256 × 256

Het grootste ICO-item; extra grote pictogrammen in Verkenner.

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

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

Mensen zetten SVG om naar ICO omdat hun logo als vector bestaat, terwijl de hoofdmap van de website, een Windows-snelkoppeling of een desktopprogramma nog steeds één .ico-bestand verwacht met meerdere bitmapformaten.

Bereid de SVG voor voordat u SVG naar ICO omzet

Doen	Niet doen
Stel de viewBox in op een vierkant, zoals `0 0 512 512`.	Vertrouw niet op haarfijne lijnen die onder 32 px verdwijnen.
Laat een kleine marge vrij zodat het beeldmerk de rand van het pictogram niet raakt.	Bewaar geen breed woordmerk dat een dunne veeg wordt.
Zet tekst om naar contouren zodat het lettertype niet verandert.	Verwijs niet naar externe afbeeldingen of weblettertypen in de SVG.
Gebruik het symbool of de initialen, niet de volledige naam.	Zet geen wit vlak achter het logo, tenzij u dat ook op donkere tabbladen wilt.

De converter geeft weer wat de SVG beschrijft en niets anders, dus gekoppelde bestanden en niet-ingesloten lettertypen kunnen niet worden opgehaald. Ontwerptools zoals Figma, Illustrator en Inkscape kunnen tekst als paden exporteren; doe dat, dan komen de letters overal overeen met uw merk.

Is de .ico klaar, voeg dan een PNG van 180 px toe voor Apple-touchpictogrammen en de SVG zelf voor browsers die vectorfavicons ondersteunen; SVG naar PNG maakt de PNG in elk formaat. Is uw bron juist een bitmaplogo, dan doet PNG naar ICO hetzelfde vanuit pixels.

SVG naar ICO converteren: vragen

Waarom SVG naar ICO converteren in plaats van uitgaan van een PNG?

Een PNG moet voor elk pictogramformaat worden verkleind, en verkleinen maakt randen onscherp. Een SVG wordt rechtstreeks op 16, 32, 64, 128 en 256 px getekend, zodat elk formaat scherpe randen krijgt op zijn eigen pixelraster.

Hebben browsers nog favicon.ico nodig als mijn site een SVG-pictogram heeft?

Chrome en Firefox lezen een SVG-favicon die met een link-tag is opgegeven, maar veel browsers, feedreaders en crawlers vragen standaard nog steeds /favicon.ico op in de hoofdmap van de site. Met beide bestanden dekt u alles af.

Wat gebeurt er als mijn SVG niet vierkant is?

Pictogramvakjes zijn vierkant, dus een breed logo krijgt lege marges of lijkt piepklein. Pas eerst de viewBox aan zodat breedte en hoogte gelijk zijn, of snijd na het exporteren van een PNG een vierkante versie uit met de tool afbeelding bijsnijden.

Blijft de transparante achtergrond behouden in de ICO?

Ja. ICO bewaart een alfakanaal, dus gebieden zonder vulling in de SVG blijven transparant en het pictogram staat netjes op lichte en donkere browsertabbladen.

Kan ik SVG naar ICO converteren voor een Windows-programma of mappictogram?

Ja, hetzelfde bestand werkt. Windows gebruikt de afbeelding van 256 px voor de weergaven Groot en Extra groot in Verkenner en de kleinere items voor lijsten en de taakbalk.

Waarom ziet mijn pictogram er leeg uit op 16 px?

Dunne lijnen en kleine tekst verdwijnen op dat formaat. Een lijn van 2 eenheden op een tekenvlak van 512 eenheden is in een pictogram van 16 px ruim minder dan één pixel breed. Maak lijnen dikker of gebruik een eenvoudiger beeldmerk voor de favicon.

SVG naar ICO converteren

Afbeeldingsconverter