Konvertor SVG na ICO
Favikona zo SVG je ideálny prípad: každá veľkosť ikony sa vykreslí nanovo z vektora a nezmenšuje sa z veľkej bitmapy, takže aj verzia 16 px zostane taká ostrá, ako to mriežka pixelov dovolí.
Prevodník obrázkov
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
Súbory sa spracúvajú na našich serveroch a po 30 minútach sa odstránia.
85 zachová fotografie vizuálne rovnaké ako originál. Znížte ju, len keď potrebujete menší súbor.
JPG, BMP a EPS nemajú priehľadnosť. Priehľadné pixely sa vyplnia touto farbou.
Hex farba použitá za priehľadnými pixelmi, napr. #FFFFFF.
Tento formát obsahuje jediný obrázok. Ak chcete zachovať animáciu, vyberte výstup GIF alebo WebP.
Ikona s viacerými veľkosťami obsahuje niekoľko rozlíšení v jednom súbore; prehliadače a operačné systémy si vyberú, ktoré potrebujú.
Ponechajte pôvodné rozmery alebo zadajte jednu stranu a pomer strán sa zachová.
Pixely pre stranu vybranú vyššie.
Percento pôvodných rozmerov.
sRGB je správne pre obrazovky a web. Pôvodný ponechajte pre tlačové postupy; odtiene sivej zahodia farbu.
Len metadáta, 0 ponechá pôvodnú hodnotu. Tlačiarne a niektoré portály toto číslo čítajú; nemení rozmery v pixeloch.
Ako používať tento nástroj
- 1
Nahrajte logo vo formáte SVG
Použite znak alebo monogram, nie celé logo s názvom. Štvorcový viewBox dáva najčistejší výsledok.
- 2
Ponechajte všetky veľkosti ikony
Veľkosti ikon začínajú na hodnote Všetky veľkosti (16–256), ktorá zabalí všetky rozlíšenia do jedného súboru .ico. Jednu veľkosť vyberte, len ak program vyžaduje presne jednu.
- 3
Kliknite na Previesť na ICO
Súbor uložte ako favicon.ico do koreňového priečinka webu alebo naň nasmerujte odkaz (skratku) vo Windows.
Ako previesť SVG na ICO pre favicon?
Nahrajte SVG, nechajte Veľkosti ikon na hodnote Všetky veľkosti (16–256) a stlačte Previesť na ICO. Dostanete jeden súbor .ico so všetkými rozlíšeniami vykreslenými z vektora a so zachovanou priehľadnosťou.
Konvertor SVG na ICO: prečo je vektor správny zdroj
Formát .ico pochádza z prvých verzií Windowsu a konvencia favicon.ico z Internet Exploreru 5 v roku 1999, ktorý hľadal súbor s týmto názvom v koreni každého webu uloženého medzi záložky. ICO je malý kontajner: adresár položiek, z ktorých každá je samostatná štvorcová bitmapa, takže jeden súbor môže obsahovať 16 px ikonu karty aj 256 px ikonu pracovnej plochy vedľa seba. Windows Vista zvýšil maximum na 256 × 256 a umožnil ukladať tieto veľké položky ako PNG.
Keďže každá položka je samostatná bitmapa, kvalita ikony závisí od toho, ako vznikla každá veľkosť. Z PNG je každá veľkosť zmenšením tých istých pixelov. Zo SVG je každá veľkosť nové vykreslenie ciest s vyhladzovaním vypočítaným presne pre danú mriežku. Pri 16 × 16 px, kde má logo k dispozícii 256 pixelov, je ten rozdiel viditeľný.
16 × 16 px
16 × 16
Karty prehliadača, záložky a zoznamy histórie.
32 × 32 px
32 × 32
Karty na obrazovkách s vysokou hustotou, odkazy na paneli úloh Windowsu.
64 × 64 px
64 × 64
Zväčšené zobrazenie pracovnej plochy a pripnuté položky.
128 × 128 px
128 × 128
Veľké náhľady v správcoch súborov.
256 × 256 px
256 × 256
Najväčšia položka ICO; extra veľké ikony v Prieskumníkovi.
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
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
SVG na ICO sa prevádza preto, že logo existuje ako vektor, no koreň webu, odkaz vo Windows alebo desktopová aplikácia stále očakáva jeden súbor .ico obsahujúci niekoľko bitmapových veľkostí.
Pripravte SVG skôr, ako ho prevediete na ICO
| Áno | Nie |
|---|---|
Nastavte viewBox na štvorec, napríklad 0 0 512 512. | Spoliehať sa na vlasové čiary, ktoré zmiznú pod 32 px. |
| Nechajte malý okraj, aby sa znak nedotýkal okraja ikony. | Ponechať široké logo s názvom, ktoré sa zmení na tenkú škvrnu. |
| Text skonvertujte na krivky, aby sa písmo nezmenilo. | Odkazovať v SVG na externé obrázky alebo webové písma. |
| Použite symbol alebo iniciály, nie celý názov. | Pridávať za logo biely obdĺžnik, ak ho nechcete aj na tmavých kartách. |
Konvertor vykreslí len to, čo SVG popisuje, takže prepojené súbory a neuložené písma sa nedajú načítať. Návrhové nástroje ako Figma, Illustrator a Inkscape vedia exportovať text ako krivky; vďaka tomu budú písmená všade zodpovedať vašej značke.
Keď je .ico hotové, pridajte 180 px PNG pre ikony Apple touch a samotné SVG pre prehliadače podporujúce vektorové favicony; PNG v ľubovoľnej veľkosti vytvorí SVG na PNG. Ak je váš zdroj bitmapové logo, rovnakú úlohu z pixelov zvládne PNG do ICO.
Prevod SVG na ICO: otázky
Prečo použiť konvertor SVG na ICO namiesto začatia z PNG?
PNG treba pre každú veľkosť ikony zmenšiť a zmenšovanie rozmazáva hrany. SVG sa vykreslí priamo v rozmeroch 16, 32, 64, 128 a 256 px, takže každá veľkosť má ostré hrany prispôsobené vlastnej mriežke pixelov.
Potrebujú prehliadače ešte favicon.ico, ak má môj web ikonu SVG?
Chrome a Firefox čítajú SVG favicon deklarovaný značkou link, no mnohé prehliadače, čítačky kanálov a roboty si stále predvolene vyžiadajú /favicon.ico z koreňa webu. Ak nasadíte oba súbory, pokryjete všetko.
Čo sa stane, ak moje SVG nie je štvorcové?
Miesta pre ikony sú štvorcové, preto široké logo buď dostane prázdne okraje, alebo vyzerá drobne. Najprv upravte viewBox na rovnakú šírku a výšku, alebo po exporte do PNG vytvorte štvorcovú verziu nástrojom orezať obrázok.
Zachová sa v ICO priehľadné pozadie?
Áno. ICO ukladá alfa kanál, takže oblasti bez výplne v SVG zostanú priehľadné a ikona pekne vyzerá na svetlých aj tmavých kartách prehliadača.
Môžem previesť SVG na ICO pre ikonu programu alebo priečinka vo Windows?
Áno, rovnaký súbor funguje. Windows používa obraz 256 px pre veľké a extra veľké zobrazenie v Prieskumníkovi a menšie položky pre zoznamy a panel úloh.
Prečo moja ikona pri 16 px vyzerá prázdna?
Tenké čiary a malý text sa v tejto veľkosti stratia. Čiara hrúbky 2 jednotky na pracovnej ploche 512 jednotiek sa v ikone 16 px vykreslí hlboko pod jeden pixel. Čiary zhrubnite alebo pre favicon použite jednoduchší znak.
Ďalšie konvertory ikon
- Konvertor PNG na ICOPreviesť PNG na ICO online: jeden súbor .ico so všetkými veľkosťami od 16 do 256 px, s priehľadnosťou. Pre favikony a Windows. Zadarmo, bez účtu.
- Konvertor JPG na ICOPrevieďte JPG alebo JPEG na súbor .ico s veľkosťami 16, 32, 64, 128 a 256 px pre favicon webu alebo odkaz vo Windows. Bez registrácie.
- Konvertor ICO na PNGPrevod súborov .ico na PNG so zachovaním priehľadného pozadia. Z ikony sa vyberie najväčší obrázok, takže favikony a ikony Windows budú ostré.
- Prevod SVG na PNGPrevieďte SVG logá a ikony na PNG v zvolenej šírke, predvolene 1024 px, s priehľadným pozadím. Zistite, ako DPI súvisí s pixelmi.
- Prevod PNG na ICO 256x256Vytvorte ICO 256 × 256 z PNG pre extra veľké ikony Windows, inštalátory a Electron. Priehľadnosť ostáva, jedna veľkosť, bez registrácie.
- Konvertor obrázkov na ICOPremeňte ľubovoľný obrázok na viacrozmerový .ico pre favicon či odkaz vo Windows. PNG, JPG, SVG, WebP, HEIC a ďalšie; 16 až 256 px v jednom súbore.