UltKit

Convertor SVG în icon

Un singur logo vectorial poate acoperi toate locurile unde aveți nevoie de o iconiță: favicon, scurtătură Windows, aplicație Mac și iconițele de lansare de pe telefoane. Pagina pornește cu un ICO cu mai multe mărimi și vă permite să treceți la ICNS sau PNG pentru celelalte platforme.

Convertor de imagini

sau trage Fișiere JPG, JPEG, JPE … aici ·

Maximum 95 MB per fișier· Până la 20 fișiere· Șterse după 30 minute

Rezultat

Fișierele sunt procesate pe serverele noastre și șterse după 30 minute.

Cum se folosește acest instrument

  1. 1

    Încărcați un SVG pătrat

    Adăugați SVG-ul siglei dumneavoastră, de preferință cu un viewBox pătrat. Puteți adăuga până la 20 de fișiere simultan, de exemplu o variantă deschisă și una închisă.

  2. 2

    Alegeți formatul iconiței

    ICO, cu Dimensiunile pictogramei setate pe Toate dimensiunile (16–256), este preselectat. Alegeți ICNS la Convertește în pentru macOS sau PNG, cu o lățime la Redimensionează imaginea rezultată, pentru o pictogramă de telefon sau de magazin de aplicații.

  3. 3

    Convertiți și puneți fișierele la locul lor

    Apăsați Convertește în ICO (eticheta urmează formatul ales), descărcați și puneți fiecare fișier acolo unde îl așteaptă platforma respectivă.

Nu există un singur format de pictogramă. Windows și browserele folosesc ICO, macOS folosește ICNS, iar telefoanele folosesc seturi de PNG-uri. Pornind de la SVG, fiecare dintre ele este desenată din nou din vector, clar la fiecare dimensiune.

SVG în icon: un vector, trei tipuri de fișiere de iconiță

Un fișier de pictogramă este un container de imagini bitmap mici, nu un vector. Sistemul de operare alege bitmap-ul cel mai apropiat de dimensiunea de care are nevoie, așa că o pictogramă bună conține mai multe, fiecare randată pentru propria grilă.

Presetarea ICO de pe această pagină scrie un singur fișier cu toate dimensiunile de la 16 la 256 px, ceea ce acoperă favicon.ico și comenzile rapide din Windows. Schimbați Convertește în la ICNS pentru un container de pictogramă Apple sau la PNG pentru dimensiunile individuale cerute de Android, iOS și magazinele de aplicații.

Tabelul listează ce publică principalele platforme pentru locurile lor de pictograme.

Fișierele de iconiță cerute de fiecare platformă
OrganizațieCerințăSursă
Desktop și bara de activități WindowsICO cu mai multe dimensiuni, inclusiv 16, 32, 48 și 256 px—
Favicon de site webfavicon.ico în rădăcina site-ului, cu 16, 32 și 48 px; un PNG de 180 × 180 px pentru apple-touch-icon—
Pictogramă de aplicație macOSICNS sau catalog de resurse Xcode, dimensiuni până la 1024 × 1024 px—
Pagina din magazinul Google PlayPNG pe 32 de biți de 512 × 512 px, până la 1.024 KB—
Apple App StorePNG de 1024 × 1024 px fără transparență—

SVG

Scalable Vector Graphics

SVG este un format vectorial bazat pe XML, standardizat de W3C în 2001. În loc de pixeli descrie forme, trasee și text, așa că rămâne clar la orice dimensiune și este de obicei foarte mic pentru sigle și pictograme. Acceptă transparență, stilizare CSS, scripting și animație, iar toate browserele îl redau nativ. SVG nu este potrivit pentru fotografii, iar ilustrațiile complexe pot deveni lente la randare. Illustrator, Inkscape, Figma și browserele îl pot deschide și edita.

Compresie
–
Transparență
Da
Animație
Da
Introdus în
2001 · W3C
Convertor SVG

ICO

Pictogramă Windows

ICO este formatul de pictogramă Microsoft folosit pentru pictogramele programelor Windows și favicon-urile site-urilor. Un singur fișier .ico poate conține mai multe imagini de dimensiuni diferite, precum 16×16, 32×32, 48×48 și 256×256 pixeli, astfel încât sistemul să o aleagă pe cea potrivită. Fiecare imagine poate fi stocată ca bitmap sau ca date PNG și acceptă transparență alfa completă. ICO nu este destinat fotografiilor sau graficii mari. Browserele, Windows și majoritatea editoarelor de pictograme îl pot citi.

Compresie
Fără pierderi
Transparență
Da
Animație
Nu
Introdus în
Microsoft
Convertor ICO

Lumea caută SVG în pictogramă atunci când are un singur logo vectorial și mai multe platforme de deservit, fiecare cu propriul container de pictogramă, de la favicon.ico pe un site până la ICNS pe Mac și PNG-uri de dimensiuni fixe în magazinele de aplicații.

Convertiți SVG în iconițe pentru Windows, Mac, Android și iOS

Păstrați ICO și Dimensiunile pictogramei pe Toate dimensiunile. Redenumiți rezultatul în favicon.ico pentru rădăcina unui site sau indicați-l în fereastra Change Icon a unei comenzi rapide Windows.

  • Un singur .ico servește filele, marcajele și bara de activități
  • Adăugați un PNG de 180 px pentru marcajele de pe ecranul principal al iPhone-ului

Cum desenați un SVG care rămâne lizibil la 16 px

O pictogramă de 16 × 16 px are în total 256 de pixeli. Majoritatea brandurilor păstrează o siglă separată pentru pictograme, adesea doar simbolul sau o literă, cu forme îngroșate și puține culori; dacă a dumneavoastră nu există încă, faceți o copie simplificată a SVG-ului pentru pictograme.

Verificați viewBox-ul înainte de conversie. Un viewBox lat produce o pictogramă cu benzi goale deasupra și dedesubtul siglei, așa că decupați-l mai întâi la un pătrat; ghidul despre decuparea unei imagini la un raport explică decuparea pătrată, iar SVG în PNG oferă o previzualizare mare rapidă pentru a evalua designul.

Întrebări frecvente despre SVG în icon

Care este diferența dintre această pagină și SVG în ICO?

SVG în ICO se concentrează pe un singur fișier .ico pentru favicon și Windows. Această pagină acoperă toate locurile în care se folosește o pictogramă, inclusiv ICNS pentru macOS și PNG-urile de dimensiuni fixe cerute de Android, iOS și magazinele de aplicații.

Ce format de iconiță folosește fiecare sistem de operare?

Windows citește ICO, macOS citește ICNS sau cataloage de resurse create în Xcode, iar Android și iOS folosesc imagini PNG furnizate la dimensiuni fixe în pixeli.

Pot obține toate mărimile PNG pentru aplicație într-o singură conversie?

Nu. Un PNG conține o singură dimensiune, deci fiecare conversie produce o singură lățime. Setați Redimensionează imaginea rezultată la o dimensiune, convertiți, apoi schimbați numărul și convertiți din nou; fiecare dimensiune este desenată clar din vector.

Fișierul ICNS de aici acoperă iconițele Retina pentru Mac?

Conține dimensiuni de la 16 până la 256 px. Pictogramele actuale de aplicații macOS includ și intrări de 512 px și 1024 px pentru ecranele Retina, pe care Xcode sau iconutil de la Apple le construiesc din PNG-uri; exportați aceste două dimensiuni aici ca PNG și adăugați-le în set.

Iconița trebuie să păstreze fundalul transparent?

Pentru ICO, ICNS și straturile pictogramelor de lansare Android, da: transparența lasă sistemul să deseneze propriul fundal. Pictograma iOS pentru App Store face excepție; Apple respinge o pictogramă de marketing de 1024 px cu canal alfa, așa că dați acelui PNG un fundal uni în SVG.

De ce logoul meu detaliat devine o pată ca iconiță mică?

La 16 sau 32 px nu există loc pentru linii subțiri sau text mic. Îngroșați contururile astfel încât să acopere cel puțin un pixel întreg la cea mai mică dimensiune și renunțați la textul siglei.