Konvertor ICO na SVG

Vložte ikonu Windows alebo favicon do súboru .svg pre nástroje, ktoré prijímajú iba SVG. Pixely ikony zostanú pixelmi, preto na tejto stránke nájdete aj postup, ako získať skutočné vektorové cesty alebo jednoducho väčší PNG.

alebo sem presuňte súbory JPG, JPEG, JPE … ·

Max. 95 MB na súbor· Až 20 súborov· Odstránenie po 30 minútach

Výstup

Previesť na

Súbory sa spracúvajú na našich serveroch a po 30 minútach sa odstránia.

Ako používať tento nástroj

1
Nahrajte súbor .ico
Súbor favicon.ico z webovej stránky alebo ikona z programu pre Windows. Až 20 súborov naraz.
2
Kliknite na Previesť na SVG
Najväčší obrázok uložený v ICO sa vloží do dokumentu SVG so zachovanou priehľadnosťou.
3
Rozhodnite sa, čo potrebujete ďalej
Použite SVG tak, ako je, vektorizujte ho na škálovateľné cesty, alebo si vyberte PNG, ak ste chceli len obrázok.

Odpoveď

Zmení prevod ICO na SVG ikonu na škálovateľnú?

Nie. ICO obsahuje iba bitmapy, takže SVG zabalí tú najväčšiu vrátane pixelov a priehľadnosti. Ak chcete ikonu, ktorá zostane ostrá v akejkoľvek veľkosti, vektorizujte ju; ak chcete väčší obrazový súbor, vyberte PNG.

Táto stránka

Zabalené SVG

Najväčšia bitmapa z ICO v súbore .svg.

Vyzerá presne ako ikona
Priehľadnosť zachovaná
Pri zväčšení sa rozmazáva

Vektorizácia

Vektorizované SVG

Hrany premenené na vektorové cesty nástrojom obrázok na SVG.

Škáluje sa na ľubovoľnú veľkosť
Upraviteľné farby a tvary
Malé detaily sa môžu zjednodušiť

Extrakcia

PNG z ICO

Najväčší obrázok ikony uložený ako PNG.

Otvorí sa všade
Bezstratové a priehľadné
Pevná veľkosť v pixeloch

ICO na SVG: obal okolo pixelov, nie vektor

Formát ICO pochádza z Windows 1.0 z roku 1985 a stal sa formátom faviconov, keď Internet Explorer 5 v roku 1999 začal hľadať /favicon.ico. Jeden súbor obsahuje niekoľko štvorcových bitmáp, aby Windows a prehliadače mohli vybrať vhodnú veľkosť: 16 px pre kartu prehliadača, 32 alebo 48 px pre panel úloh a plochu a od Windows Vista aj obrázky s 256 px uložené ako komprimované dáta PNG. Nikde v tejto štruktúre nie je cesta, krivka ani výplň.

SVG, formát W3C od roku 2001, dokáže obsahovať oba druhy obsahu: vektorové tvary aj vložené bitmapy. Pri prevode ICO je jediným poctivým výstupom ten druhý. SVG dostane šírku a výšku ikony a jeden prvok obrázka s pixelmi, takže sa v prehliadači, vo Figme alebo v prezentácii zobrazí presne ako ICO. Po priblížení uvidíte tie isté pixely, pretože sa nič neprekreslilo odznova.

Veľkosti ikon v súbore ICO a prečo záleží na tej najväčšej

1:1

16 × 16 px

Favicon na karte prehliadača

Príliš malý na dobrú vektorizáciu

1:1

32 × 32 px

Karta s vysokou hustotou, panel úloh

Bežná najväčšia veľkosť v favicon.ico

1:1

48 × 48 px

Ikona na ploche (Windows)

Obsiahnutá vo väčšine ikon programov

1:1

256 × 256 px

Zobrazenie veľkých ikon

Najlepší zdroj na vektorizáciu alebo PNG

ICO

Ikona Windows

ICO je formát ikon Microsoftu používaný pre ikony programov vo Windows a favicony webov. Jeden súbor .ico môže obsahovať viacero obrázkov rôznych veľkostí, napríklad 16×16, 32×32, 48×48 a 256×256 pixelov, aby systém mohol vybrať najlepšie sediacu. Každý obrázok môže byť uložený ako bitmapa alebo dáta PNG a podporuje plnú alfa priehľadnosť. ICO nie je určený pre fotografie ani veľkú grafiku. Prečítajú ho prehliadače, Windows aj väčšina editorov ikon.

Kompresia: Bezstratová
Priehľadnosť: Áno
Animácia: Nie
Rok vzniku: Microsoft

Konvertor ICO

SVG

Scalable Vector Graphics

SVG je vektorový formát založený na XML, ktorý v roku 2001 štandardizovalo W3C. Namiesto pixelov opisuje tvary, cesty a text, takže je ostrý v každej veľkosti a pri logách a ikonách býva drobný. Podporuje priehľadnosť, štýlovanie CSS, skriptovanie a animáciu a každý prehliadač ho vykresľuje natívne. SVG nie je vhodný pre fotografie a zložité ilustrácie sa môžu vykresľovať pomaly. Otvoria a upravia ho Illustrator, Inkscape, Figma a prehliadače.

Kompresia: –
Priehľadnosť: Áno
Animácia: Áno
Rok vzniku: 2001 · W3C

Konvertor SVG

ICO na SVG ľudia hľadajú vtedy, keď grafický nástroj, knižnica ikon alebo šablóna webu vyžaduje SVG a jediná kópia loga je favicon alebo ikona Windows; zvyčajne je to prvý krok k vektorizovanému logu.

Vektorizácia ikony na skutočné cesty SVG

Ak je cieľom logo, ktoré sa dá škálovať, zabalené SVG je maximálne medzikrok. Pošlite ikonu cez konvertor obrázkov na SVG: sleduje farebné hrany a zapíše ich ako cesty, ktoré môžete zväčšovať, prefarbovať a vyrezávať. Výsledok závisí od veľkosti zdroja, takže obrázok s 256 px z ikony programu sa vektorizuje oveľa lepšie než favicon s 16 px. Náš návod na prevod PNG na SVG vysvetľuje, koľko farieb ponechať a ako vyhladiť krivky.

Ak ste chceli ikonu len použiť v dokumente alebo editore, SVG úplne preskočte a vezmite najväčší obrázok ako PNG cez ICO do PNG. Opačným smerom, od vektorového loga k favicone vo viacerých veľkostiach, slúži SVG do ICO.

Otázky o prevode ICO na SVG

Dá sa zo súboru ICO vytvoriť skutočne vektorové SVG?

Samotným prevodom nie. ICO obsahuje iba bitmapy od 16 × 16 do 256 × 256 px, takže tu nie sú žiadne tvary, ktoré by sa dali preniesť. Skutočné cesty treba vytvoriť vektorizáciou z pixelov, čo robí konvertor obrázkov na SVG.

Ktorá z veľkostí v mojom súbore .ico sa dostane do SVG?

Najväčší, pretože obsahuje najviac detailov. Typický favicon.ico má najviac 32 alebo 48 px, kým ikona aplikácie pre Windows zvyčajne obsahuje verziu s 256 px.

Bude takto zabalené SVG fungovať ako favicon webu?

Chrome a Firefox podporujú favicony vo formáte SVG, ale SVG, ktoré obsahuje iba 32 px bitmapu, nepriniesne oproti pôvodnému ICO nič. SVG favicon sa oplatí, keď obsahuje skutočné cesty, ktoré zostanú ostré aj na displejoch s vysokou hustotou pixelov.

Prečo vektorizácia faviconu vytvára rozmazané tvary?

Ikona s 32 px má iba 1 024 pixelov a vektorizácia odhaduje krivky podľa ich hrán. Čím menej pixelov, tým hrubší odhad. Pre čisté obrysy vektorizujte obrázok s 256 px z ikony Windows alebo nájdite pôvodné logo.

Zachová sa priehľadné pozadie ikony?

Áno. Obrázky ICO majú alfa kanál a SVG ho zachová, takže ikona sedí na akomkoľvek pozadí, ktoré poskytne stránka alebo grafický nástroj.

Môžem ikonu potom prefarbiť v Inkscape alebo Figme?

Nie po jednotlivých tvaroch, pretože SVG obsahuje jeden vložený obrázok. Filtre alebo prekrytia naň môžete použiť ako na celok; pre farby jednotlivých tvarov ho najprv vektorizujte.