Převod ICO do SVG

Vložte ikonu Windows nebo favicon do souboru .svg pro nástroje, které přijímají jen SVG. Pixely ikony zůstanou pixely, proto se zde dozvíte také, jak získat skutečné vektorové křivky nebo jednoduše větší PNG.

nebo sem přetáhněte soubory JPG, JPEG, JPE … ·

Max. 95 MB na soubor· Až 20 souborů· Smazáno po 30 minutách

Výstup

Převést na

Soubory se zpracovávají na našich serverech a po 30 minutách se smažou.

Jak nástroj používat

1
Nahrajte soubor .ico
Soubor favicon.ico z webu nebo ikona z programu pro Windows. Až 20 souborů v jedné dávce.
2
Klikněte na Převést na SVG
Největší obrázek uložený v ICO se vloží do dokumentu SVG se zachovanou průhledností.
3
Rozhodněte, co potřebujete dál
SVG použijte tak, jak je, vektorizujte ho na škálovatelné křivky, nebo z něj vyexportujte PNG, pokud jste chtěli jen obrázek.

Odpověď

Je ikona po převodu z ICO do SVG škálovatelná?

Ne. ICO obsahuje jen bitmapy, takže SVG obalí tu největší včetně pixelů a průhlednosti. Pro ikonu, která zůstane ostrá v jakékoli velikosti, ji vektorizujte; pro větší obrázek vyexportujte PNG.

Tato stránka

Obalené SVG

Největší bitmapa z ICO uvnitř souboru .svg.

Vypadá přesně jako ikona
Průhlednost zachována
Při zvětšení se rozmaže

Vektorizace

Vektorizované SVG

Hrany převedené na vektorové křivky nástrojem obrázek do SVG.

Škáluje se do libovolné velikosti
Upravitelné barvy a tvary
Drobné detaily se mohou zjednodušit

Export

PNG z ICO

Největší obrázek ikony uložený jako PNG.

Otevře se všude
Bezztrátové a průhledné
Pevná velikost v pixelech

ICO do SVG: obal kolem pixelů, ne vektor

Formát ICO pochází z Windows 1.0 z roku 1985 a formátem faviconů se stal v roce 1999, když Internet Explorer 5 začal hledat /favicon.ico. Jeden soubor obsahuje několik čtvercových bitmap, aby Windows i prohlížeče mohly vybrat vhodnou velikost: 16 px pro záložku prohlížeče, 32 nebo 48 px pro hlavní panel a plochu a od Windows Vista také obrázky 256 px uložené jako komprimovaná data PNG. Nikde v této struktuře není křivka ani výplň.

SVG, formát W3C od roku 2001, může obsahovat vektorové tvary i vložené bitmapy. Při převodu z ICO je jediným poctivým výsledkem ten druhý druh. SVG dostane šířku a výšku ikony a jeden obrazový prvek s pixely, takže se v prohlížeči, Figmě nebo prezentaci zobrazí stejně jako ICO. Po přiblížení uvidíte stejné pixely, protože se nic nepřekreslovalo.

Velikosti ikon uvnitř ICO a proč záleží na té největší

1:1

16 × 16 px

Favicon na záložce prohlížeče

Příliš malý pro kvalitní vektorizaci

1:1

32 × 32 px

Záložka s vysokou hustotou, hlavní panel

Běžná maximální velikost favicon.ico

1:1

48 × 48 px

Ikona na ploše (Windows)

Obsažena ve většině ikon programů

1:1

256 × 256 px

Zobrazení velkých ikon

Nejlepší zdroj pro vektorizaci nebo PNG

ICO

Ikona Windows

ICO je formát ikon od Microsoftu, používaný pro ikony programů ve Windows a favicony webů. Jeden soubor .ico může obsahovat několik obrázků v různých velikostech, například 16×16, 32×32, 48×48 a 256×256 pixelů, takže systém může vybrat nejvhodnější. Každý obrázek může být uložen jako bitmapa nebo jako data PNG a podporuje plnou alfa průhlednost. ICO není určeno pro fotografie ani velkou grafiku. Čtou ho prohlížeče, Windows i většina editorů ikon.

Komprese: Bezztrátová
Průhlednost: Ano
Animace: Ne
Představeno: Microsoft

Převodník ICO

SVG

Scalable Vector Graphics

SVG je vektorový formát založený na XML, který W3C standardizovalo v roce 2001. Místo pixelů popisuje tvary, křivky a text, takže zůstává ostrý v libovolné velikosti a u log a ikon bývá drobný. Podporuje průhlednost, stylování pomocí CSS, skriptování a animace a každý prohlížeč ho zobrazí nativně. Pro fotografie SVG nevyhovuje a složité ilustrace se mohou vykreslovat pomalu. Otevřou a upraví ho Illustrator, Inkscape, Figma i prohlížeče.

Komprese: –
Průhlednost: Ano
Animace: Ano
Představeno: 2001 · W3C

Převodník SVG

ICO do SVG lidé hledají, když grafický nástroj, knihovna ikon nebo šablona webu vyžaduje SVG a jediná kopie loga je favicon nebo ikona Windows; obvykle jde o první krok k vektorizaci.

Vektorizace ikony na skutečné křivky SVG

Pokud chcete logo, které se dá škálovat, je obalené SVG nanejvýš mezikrok. Pošlete ikonu do převodníku obrázků do SVG: sleduje barevné hrany a zapisuje je jako křivky, které můžete zvětšovat, přebarvovat a vyřezávat. Výsledek závisí na velikosti zdroje, takže obrázek 256 px z ikony programu se vektorizuje mnohem lépe než favicon 16 px. Náš návod jak převést PNG do SVG vysvětluje, kolik barev ponechat a jak vyhladit křivky.

Pokud chcete ikonu jen použít v dokumentu nebo editoru, SVG vynechejte a vezměte největší obrázek jako PNG pomocí ICO do PNG. Opačným směrem, od vektorového loga k faviconu ve více velikostech, slouží SVG do ICO.

Otázky k převodu ICO do SVG

Může se ze souboru ICO stát skutečné vektorové SVG?

Samotným převodem ne. ICO obsahuje pouze bitmapy od 16 × 16 do 256 × 256 px, takže tu nejsou žádné tvary, které by šlo převzít. Skutečné křivky je nutné vektorizovat z pixelů, což dělá převodník obrázků do SVG.

Která z velikostí uvnitř mého .ico se dostane do SVG?

Ten největší, protože obsahuje nejvíce detailů. Typický favicon.ico končí na 32 nebo 48 px, zatímco ikona aplikace pro Windows obvykle obsahuje i verzi 256 px.

Bude zabalené SVG fungovat jako favicon webu?

Chrome i Firefox SVG favicony podporují, ale SVG obsahující jen bitmapu 32 px nepřinese oproti původnímu ICO nic nového. SVG favicon má smysl tehdy, když obsahuje skutečné křivky, které zůstanou ostré i na displejích s vysokou hustotou pixelů.

Proč vektorizace faviconu vytváří rozpité tvary?

Ikona 32 px má jen 1 024 pixelů a vektorizace odhaduje křivky podle hran. Čím méně pixelů, tím hrubší odhad. Pro čisté obrysy vektorizujte obrázek 256 px z ikony Windows, nebo najděte původní logo.

Zůstane průhledné pozadí ikony zachováno?

Ano. Obrázky v ICO mají alfa kanál a SVG ho zachová, takže ikona zůstane na jakémkoli pozadí, které poskytne stránka nebo grafický nástroj.

Mohu ikonu následně přebarvit v Inkscapu nebo Figmě?

Ne po jednotlivých tvarech, protože SVG obsahuje jeden vložený obrázek. Filtry nebo překryvy můžete použít na celek; pro barvy jednotlivých tvarů ho nejprve vektorizujte.