SVG naar icoon converteren

Q: Wat is het verschil tussen deze pagina en SVG naar ICO?

[SVG naar ICO](/svg-to-ico) richt zich op het ene .ico-bestand voor favicons en Windows. Deze pagina behandelt alle plekken waar een pictogram nodig is, waaronder macOS ICNS en de PNG's met vaste afmetingen die Android, iOS en app-stores vragen.

Eén vectorlogo kan elke plek voor een icoon vullen: een favicon, een snelkoppeling in Windows, een Mac-app en de app-iconen op telefoons. Deze pagina start op een ICO met meerdere formaten; u kunt overschakelen naar ICNS of PNG voor de andere platforms.

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 een vierkante SVG
Voeg de SVG van uw logo toe, bij voorkeur met een vierkante viewBox. U kunt tot 20 bestanden tegelijk toevoegen, bijvoorbeeld een lichte en een donkere variant.
2
Kies het icoonformaat
ICO met Pictogramformaten op Alle formaten (16–256) is vooraf geselecteerd. Kies ICNS onder Converteren naar voor macOS, of PNG met een breedte onder Formaat van uitvoerafbeelding wijzigen voor een telefoon- of store-pictogram.
3
Converteer en plaats de bestanden
Klik op Converteren naar ICO (het label volgt het gekozen formaat), download het resultaat en plaats elk bestand op de plek die het platform verwacht.

Er bestaat geen enkel pictogramformaat. Windows en browsers gebruiken ICO, macOS gebruikt ICNS en telefoons gebruiken sets PNG's. Door van SVG uit te gaan wordt elk formaat opnieuw getekend vanuit de vector, scherp op elke grootte.

SVG naar icoon: één vector, drie soorten icoonbestanden

Een pictogrambestand is een container met kleine bitmaps, geen vector. Het besturingssysteem kiest de bitmap die het best past bij het benodigde formaat, dus een goed pictogram bevat er meerdere, elk getekend voor zijn eigen raster.

De ICO-preset op deze pagina schrijft één bestand met alle formaten van 16 tot 256 px, wat favicon.ico en Windows-snelkoppelingen dekt. Zet Converteren naar op ICNS voor een Apple-pictogramcontainer, of op PNG voor de losse formaten die Android, iOS en app-stores vragen.

De tabel toont wat grote platforms publiceren voor hun pictogramplekken.

Icoonbestanden die elk platform verwacht
Organisatie	Vereiste	Bron
Windows-bureaublad en taakbalk	ICO met meerdere formaten, waaronder 16, 32, 48 en 256 px	—
Favicon van een website	favicon.ico in de hoofdmap van de site met 16, 32 en 48 px; een PNG van 180 × 180 px voor apple-touch-icon	—
macOS-appicoon	ICNS of Xcode asset catalog, formaten tot 1024 × 1024 px	—
Google Play-vermelding	32-bits PNG van 512 × 512 px, tot 1.024 KB	—
Apple App Store	PNG van 1024 × 1024 px zonder transparantie	—

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 zoeken op SVG naar pictogram als ze één vectorlogo hebben en meerdere platforms moeten bedienen, elk met een eigen pictogramcontainer, van favicon.ico op een website tot ICNS op een Mac en PNG's in vaste formaten in app-stores.

SVG omzetten naar icoonbestanden voor Windows, Mac, Android en iOS

Houd ICO en Pictogramformaten op Alle formaten. Hernoem het resultaat tot favicon.ico voor de hoofdmap van een website, of koppel het in het dialoogvenster Ander pictogram van een Windows-snelkoppeling.

Eén .ico is genoeg voor tabbladen, bladwijzers en de taakbalk
Voeg een PNG van 180 px toe voor bladwijzers op het iPhone-beginscherm

Een SVG ontwerpen die ook op 16 px werkt

Een pictogram van 16 × 16 px heeft in totaal 256 pixels. De meeste merken hebben een apart pictogrammerk, vaak alleen het symbool of één letter, met gedurfde vormen en weinig kleuren; bestaat het van u nog niet, maak dan een vereenvoudigde kopie van de SVG voor pictogrammen.

Controleer de viewBox voordat u converteert. Een brede viewBox geeft een pictogram met lege banden boven en onder het merk, dus snijd het eerst bij tot een vierkant; de gids over een afbeelding bijsnijden naar een verhouding behandelt vierkante uitsneden, en SVG naar PNG geeft snel een grote preview om het ontwerp te beoordelen.

Veelgestelde vragen over SVG naar icoon

Wat is het verschil tussen deze pagina en SVG naar ICO?

SVG naar ICO richt zich op het ene .ico-bestand voor favicons en Windows. Deze pagina behandelt alle plekken waar een pictogram nodig is, waaronder macOS ICNS en de PNG's met vaste afmetingen die Android, iOS en app-stores vragen.

Welk icoonformaat gebruikt elk besturingssysteem?

Windows leest ICO, macOS leest ICNS of in Xcode gemaakte asset catalogs, en Android en iOS gebruiken PNG-afbeeldingen met vaste pixelafmetingen.

Kan ik alle PNG-formaten voor mijn app in één conversie krijgen?

Nee. Een PNG bevat één formaat, dus elke conversie levert één breedte op. Stel Formaat van uitvoerafbeelding wijzigen in op één formaat, converteer, wijzig het getal en converteer opnieuw; elk formaat wordt scherp getekend vanuit de vector.

Dekt de ICNS van deze pagina ook Retina-iconen voor de Mac?

Het bevat formaten van 16 tot 256 px. Actuele macOS-appicoons hebben ook items van 512 px en 1024 px voor Retina-schermen, die Xcode of Apples iconutil uit PNG's opbouwt; exporteer die twee hier als PNG en voeg ze toe aan de set.

Moet het icoon een transparante achtergrond houden?

Voor ICO, ICNS en Android-launcherlagen: ja, want door transparantie tekent het systeem zijn eigen achtergrond. Het iOS App Store-pictogram is de uitzondering; Apple weigert een marketingpictogram van 1024 px met een alfakanaal, dus geef die PNG in de SVG een egale achtergrond.

Waarom wordt mijn gedetailleerde logo een vlek als klein icoon?

Bij 16 of 32 px is er geen ruimte voor dunne lijnen of kleine tekst. Maak lijnen dikker, zodat ze op het kleinste formaat minstens één volledige pixel beslaan, en laat het woordmerk weg.