Konvertor SVG na ikonu

Q: Aký je rozdiel medzi touto stránkou a prevodom SVG na ICO?

[SVG do ICO](/svg-to-ico) sa zameriava na jeden súbor .ico pre favicony a Windows. Táto stránka pokrýva všetky miesta, kam ikona patrí, vrátane ICNS pre macOS a PNG pevných veľkostí, ktoré vyžadujú Android, iOS a obchody s aplikáciami.

Jedno vektorové logo pokryje všetky miesta, kde potrebujete ikonu: favicon, odkaz vo Windows, aplikáciu na Macu aj ikony spúšťača v telefónoch. Táto stránka začína na ICO s viacerými veľkosťami a pre ostatné platformy môžete prepnúť na ICNS alebo 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 štvorcové SVG
Pridajte SVG svojho loga, najlepšie so štvorcovým viewBox. Naraz môžete pridať až 20 súborov, napríklad svetlý a tmavý variant.
2
Vyberte formát ikony
Predvolené je ICO s možnosťou Veľkosti ikon nastavenou na Všetky veľkosti (16–256). Pre macOS vyberte ICNS v časti Previesť na, pre ikonu telefónu alebo obchodu PNG so šírkou v časti Zmeniť veľkosť výstupného obrázka.
3
Preveďte a umiestnite súbory
Stlačte Previesť na ICO (text tlačidla sa riadi vybraným formátom), stiahnite súbory a každý uložte tam, kde ho platforma očakáva.

Neexistuje jediný formát ikon. Windows a prehliadače používajú ICO, macOS ICNS a telefóny sady PNG. Ak vychádzate zo SVG, každá z nich sa vykreslí nanovo z vektora, ostro v každej veľkosti.

SVG na ikonu: jeden vektor, tri druhy súborov ikon

Súbor ikony je kontajner malých bitmáp, nie vektor. Operačný systém vyberie bitmapu najbližšiu potrebnej veľkosti, preto má dobrá ikona ich viac, každú vykreslenú pre vlastnú mriežku.

Predvoľba ICO na tejto stránke zapíše jeden súbor so všetkými veľkosťami od 16 do 256 px, čo pokryje favicon.ico a odkazy vo Windows. Prepnite Previesť na na ICNS pre kontajner ikon Apple alebo na PNG pre jednotlivé veľkosti, ktoré vyžadujú Android, iOS a obchody s aplikáciami.

Tabuľka uvádza, čo hlavné platformy zverejňujú pre svoje miesta na ikony.

Súbory ikon, ktoré vyžaduje každá platforma
Organizácia	Požiadavka	Zdroj
Plocha a panel úloh Windows	ICO s viacerými veľkosťami vrátane 16, 32, 48 a 256 px	—
Favicon webu	favicon.ico v koreňovom adresári webu s 16, 32 a 48 px; PNG 180 × 180 px pre apple-touch-icon	—
Ikona aplikácie pre macOS	ICNS alebo katalóg zdrojov Xcode, veľkosti až do 1024 × 1024 px	—
Karta v obchode Google Play	32-bitové PNG 512 × 512 px, najviac 1 024 KB	—
Apple App Store	PNG 1024 × 1024 px bez priehľadnosti	—

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

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 na ikonu ľudia hľadajú, keď majú jedno vektorové logo a viacero platforiem, každá s vlastným kontajnerom ikon, od favicon.ico na webe cez ICNS na Macu až po PNG pevných veľkostí v obchodoch s aplikáciami.

Previesť SVG na ikony pre Windows, Mac, Android a iOS

Nechajte ICO a Veľkosti ikon nastavené na Všetky veľkosti. Výsledok premenujte na favicon.ico pre koreň webu alebo naň nasmerujte dialóg Zmeniť ikonu v odkaze vo Windows.

Jeden súbor .ico poslúži pre karty, záložky aj panel úloh
Pridajte PNG 180 px pre záložky na ploche iPhonu

Ako navrhnúť SVG, ktoré obstojí aj pri 16 px

Ikona 16 × 16 px má spolu 256 pixelov. Väčšina značiek má samostatný znak ikony, často len symbol alebo jedno písmeno, s výraznými tvarmi a málo farbami; ak ho vaša značka ešte nemá, vytvorte zjednodušenú kópiu SVG pre ikony.

Pred prevodom skontrolujte viewBox. Široký viewBox vytvorí ikonu s prázdnymi pásmi nad a pod znakom, preto ho najprv orežte na štvorec; návod orezanie obrázka na pomer strán sa venuje štvorcovým výrezom a SVG do PNG poskytne rýchly veľký náhľad na posúdenie dizajnu.

Časté otázky o prevode SVG na ikonu

Aký je rozdiel medzi touto stránkou a prevodom SVG na ICO?

SVG do ICO sa zameriava na jeden súbor .ico pre favicony a Windows. Táto stránka pokrýva všetky miesta, kam ikona patrí, vrátane ICNS pre macOS a PNG pevných veľkostí, ktoré vyžadujú Android, iOS a obchody s aplikáciami.

Aký formát ikon používa ktorý operačný systém?

Windows číta ICO, macOS číta ICNS alebo katalógy zdrojov vytvorené v Xcode a Android a iOS používajú obrázky PNG dodané v pevných rozmeroch v pixeloch.

Získam všetky veľkosti PNG pre aplikáciu jedným prevodom?

Nie. PNG obsahuje jednu veľkosť, takže každý prevod zapíše jednu šírku. Nastavte Zmeniť veľkosť výstupného obrázka na jednu veľkosť, previeďte, potom číslo zmeňte a previeďte znova; každá veľkosť sa z vektora vykreslí ostro.

Pokrýva ICNS z tejto stránky aj ikony pre Retina Mac?

Obsahuje veľkosti od 16 do 256 px. Súčasné ikony aplikácií pre macOS obsahujú aj položky 512 px a 1024 px pre displeje Retina, ktoré Xcode alebo iconutil od Apple zostavia z PNG; tieto dve veľkosti tu exportujte ako PNG a pridajte ich do sady.

Má mať ikona priehľadné pozadie?

Pre ICO, ICNS a vrstvy spúšťača Androidu áno: priehľadnosť umožní systému nakresliť vlastné pozadie. Výnimkou je ikona iOS pre App Store; Apple odmieta marketingovú ikonu 1024 px s alfa kanálom, preto tomuto PNG dajte v SVG plné pozadie.

Prečo sa z detailného loga v malej ikone stane fľak?

Pri 16 alebo 32 px nie je miesto na tenké čiary ani malý text. Zhrubnite čiary tak, aby pri najmenšej veľkosti pokrývali aspoň jeden celý pixel, a vynechajte textové logo.