Převodník SVG do ICO
SVG je pro favicon ideální výchozí soubor: každá velikost ikony se vykreslí znovu přímo z vektoru, místo aby se zmenšovala z velkého bitmapového obrázku. Verze 16 px je proto tak ostrá, jak jen mřížka pixelů dovolí.
Převodník obrázků
nebo sem přetáhněte soubory JPG, JPEG, JPE … ·
Max. 95 MB na soubor· Až 20 souborů· Smazáno po 30 minutách
Soubory se zpracovávají na našich serverech a po 30 minutách se smažou.
85 udrží fotografie vizuálně shodné s originálem. Snižte ji, jen když potřebujete menší soubor.
JPG, BMP a EPS nemají průhlednost. Průhledné pixely se vyplní touto barvou.
Hexadecimální barva použitá za průhlednými pixely, např. #FFFFFF.
Tento formát obsahuje jediný obrázek. Chcete-li zachovat animaci, zvolte výstup GIF nebo WebP.
Ikona s více velikostmi obsahuje několik rozlišení v jednom souboru; prohlížeče a operační systémy si vyberou to, které potřebují.
Ponechte původní rozměry, nebo zadejte jednu stranu a poměr stran se zachová.
Pixely pro stranu vybranou výše.
Procento původních rozměrů.
sRGB je správná volba pro obrazovky a web. Pro tiskové postupy ponechte originál; odstíny šedi zahodí barvu.
Pouze metadata, 0 ponechá původní hodnotu. Tiskárny a některé portály toto číslo čtou; rozměry v pixelech nemění.
Jak nástroj používat
- 1
Nahrajte logo ve formátu SVG
Použijte znak nebo monogram, ne celé logo s textem. Nejčistší výsledek dává čtvercový viewBox.
- 2
Ponechte všechny velikosti ikony
U volby Velikosti ikon je výchozí Všechny velikosti (16–256), která zabalí všechna rozlišení do jednoho souboru .ico. Jedinou velikost vyberte jen tehdy, když program vyžaduje přesně jednu.
- 3
Klikněte na Převést na ICO
Uložte soubor jako favicon.ico do kořenové složky webu nebo na něj nasměrujte zástupce ve Windows.
Jak převést SVG do ICO pro favicon?
Nahrajte SVG, u volby Velikosti ikon nechte Všechny velikosti (16–256) a stiskněte Převést na ICO. Získáte jeden soubor .ico se všemi rozlišeními vykreslenými z vektoru a se zachovanou průhledností.
Převodník SVG do ICO: proč je vektor nejlepší zdroj
Formát .ico pochází z raných verzí Windows a konvence favicon.ico z Internet Exploreru 5 z roku 1999, který hledal soubor tohoto jména v kořeni každého webu přidaného do záložek. ICO je malý kontejner: adresář položek, z nichž každá je samostatná čtvercová bitmapa, takže jeden soubor může obsahovat vedle sebe ikonu panelu 16 px i ikonu plochy 256 px. Windows Vista zvýšila maximum na 256 × 256 a umožnila ukládat tyto velké položky jako PNG.
Protože každá položka je vlastní bitmapa, kvalita ikony závisí na tom, jak byla která velikost vytvořena. Z PNG je každá velikost zmenšením týchž pixelů. Ze SVG je každá velikost novým vykreslením křivek s vyhlazením hran spočítaným přesně pro danou mřížku. Při 16 × 16 px, kde má logo k dispozici 256 pixelů, je ten rozdíl vidět.
16 × 16 px
16 × 16
Panely prohlížeče, záložky a seznamy historie.
32 × 32 px
32 × 32
Panely na displejích s vysokou hustotou, zástupci na hlavním panelu Windows.
64 × 64 px
64 × 64
Zvětšená zobrazení plochy a připnuté položky.
128 × 128 px
128 × 128
Velké náhledy ve správcích souborů.
256 × 256 px
256 × 256
Největší položka ICO; extra velké ikony v Průzkumníkovi.
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
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
SVG do ICO se převádí proto, že logo existuje jako vektor, ale kořen webu, zástupce ve Windows nebo desktopová aplikace stále očekává jeden soubor .ico s několika bitmapovými velikostmi.
Jak připravit SVG před převodem do ICO
| Ano | Ne |
|---|---|
Nastavte viewBox na čtverec, například 0 0 512 512. | Nespoléhejte na vlasové čáry, které pod 32 px zmizí. |
| Nechte malý okraj, aby se znak nedotýkal kraje ikony. | Nenechávejte široké logo s textem, které se změní v tenkou šmouhu. |
| Převeďte text na křivky, aby se písmo nezměnilo. | Neodkazujte uvnitř SVG na externí obrázky ani webové fonty. |
| Použijte symbol nebo iniciály, ne celý název. | Nepřidávejte za logo bílý obdélník, pokud ho nechcete mít i na tmavých panelech. |
Převodník vykreslí jen to, co SVG popisuje, takže propojené soubory a nevložené fonty nelze načíst. Návrhové nástroje jako Figma, Illustrator a Inkscape umí exportovat text jako křivky; když to uděláte, písmena budou všude odpovídat vaší značce.
Až bude .ico hotové, přidejte PNG 180 px pro ikony Apple touch a samotné SVG pro prohlížeče s podporou vektorových favicon; PNG v libovolné velikosti vytvoří SVG do PNG. Pokud je váš zdroj bitmapové logo, stejnou práci z pixelů zvládne PNG do ICO.
Převod SVG do ICO: časté dotazy
Proč převádět SVG do ICO, a ne začít z PNG?
PNG je nutné pro každou velikost ikony zmenšit a zmenšování rozmazává hrany. SVG se vykresluje přímo v 16, 32, 64, 128 a 256 px, takže každá velikost má ostré hrany přesně na své pixelové mřížce.
Potřebují prohlížeče favicon.ico, i když má web ikonu v SVG?
Chrome a Firefox načtou favicon v SVG uvedenou značkou link, ale řada prohlížečů, čteček kanálů a robotů si stále ve výchozím stavu žádá /favicon.ico z kořene webu. Když nasadíte obojí, pokryjete všechno.
Co se stane, když SVG není čtvercové?
Sloty pro ikony jsou čtvercové, takže široké logo buď dostane prázdné okraje, nebo vypadá drobně. Nejdřív upravte viewBox na stejnou šířku a výšku, nebo po exportu do PNG vytvořte čtvercovou verzi nástrojem oříznout obrázek.
Zůstane v ICO zachováno průhledné pozadí?
Ano. ICO ukládá alfa kanál, takže plochy bez výplně v SVG zůstanou průhledné a ikona čistě vynikne na světlých i tmavých panelech prohlížeče.
Mohu převést SVG do ICO pro ikonu programu nebo složky ve Windows?
Ano, stejný soubor funguje. Windows používá obrázek 256 px pro velké a extra velké zobrazení v Průzkumníkovi a menší položky pro seznamy a hlavní panel.
Proč ikona ve velikosti 16 px vypadá prázdně?
Tenké čáry a malý text se v té velikosti ztratí. Čára o tloušťce 2 jednotky na ploše 512 jednotek se v ikoně 16 px vykreslí hluboko pod jeden pixel. Čáry ztluštěte nebo pro favicon použijte jednodušší znak.
Další převodníky ikon
- Převod PNG do ICOPřeveďte PNG do ICO online: jeden soubor .ico se všemi velikostmi od 16 do 256 px, průhlednost zůstane. Pro favikony a Windows. Zdarma.
- Převodník JPG do ICOPřeveďte JPG nebo JPEG do souboru .ico s velikostmi 16, 32, 64, 128 a 256 px pro favicon webu nebo zástupce ve Windows. Bez registrace.
- Převodník ICO do PNGPřeveďte soubory .ico do PNG se zachováním průhledného pozadí. Vybere největší obrázek v ikoně, takže favicony i ikony Windows zůstanou ostré.
- Převod SVG do PNGPřeveďte loga a ikony ze SVG do PNG v šířce, kterou zvolíte (výchozí 1024 px), s průhledným pozadím. Zjistěte, jak DPI souvisí s pixely.
- Převod PNG do ICO 256x256Vytvořte z PNG ikonu ICO 256 × 256 pro velké ikony Windows, instalátory a Electron. Průhlednost zůstane, jedna velikost v souboru, bez účtu.
- Převod obrázku do ICOPřeveďte libovolný obrázek na .ico s více velikostmi pro favicon nebo zástupce Windows. PNG, JPG, SVG, WebP, HEIC a další; 16–256 px v jednom souboru.