Convertor SVG în ICO

Un SVG este cea mai bună sursă pentru un favicon: fiecare dimensiune a pictogramei este desenată din nou din vector, nu micșorată dintr-o imagine bitmap mare, așa că varianta de 16 px rămâne atât de clară cât permite grila de pixeli.

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

Convertește în

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

Cum se folosește acest instrument

1
Încărcați logoul SVG
Folosiți simbolul sau monograma, nu logotipul complet cu text. Un viewBox pătrat dă cel mai curat rezultat.
2
Păstrați toate dimensiunile pictogramei
Dimensiunile pictogramei pornește de la Toate dimensiunile (16–256), care include fiecare rezoluție într-un singur fișier .ico. Alegeți o singură dimensiune doar când un program cere exact una.
3
Apăsați Convertește în ICO
Salvați fișierul ca favicon.ico în folderul rădăcină al site-ului sau indicați-l dintr-o scurtătură Windows.

Răspuns

Cum convertesc SVG în ICO pentru favicon?

Încărcați SVG-ul, lăsați Dimensiunile pictogramei pe Toate dimensiunile (16–256) și apăsați Convertește în ICO. Primiți un singur .ico cu fiecare rezoluție desenată din vector, cu transparența păstrată.

Convertor SVG în ICO: de ce vectorul este sursa potrivită

Formatul .ico datează din primele versiuni de Windows, iar convenția favicon.ico din Internet Explorer 5, în 1999, care căuta un fișier cu acest nume în rădăcina fiecărui site salvat la favorite. ICO este un container mic: un director de intrări, fiecare un bitmap pătrat separat, deci un fișier poate conține alături o pictogramă de tab de 16 px și una de desktop de 256 px. Windows Vista a ridicat maximul la 256 × 256 și a permis stocarea intrărilor mari ca PNG.

Fiindcă fiecare intrare este un bitmap propriu, calitatea unei pictograme depinde de modul în care a fost produsă fiecare dimensiune. Dintr-un PNG, fiecare dimensiune este o reducere a acelorași pixeli. Dintr-un SVG, fiecare dimensiune este o nouă randare a traseelor, cu anti-aliasing calculat pentru acea grilă exactă. La 16 × 16 px, unde un logo are doar 256 de pixeli, diferența se vede.

1:1

16 × 16 px

16 × 16

Taburi de browser, favorite și liste de istoric.

1:1

32 × 32 px

32 × 32

Taburi pe ecrane cu densitate mare, scurtături în bara de activități Windows.

1:1

64 × 64 px

64 × 64

Vizualizări desktop scalate și elemente fixate.

1:1

128 × 128 px

128 × 128

Previzualizări mari în managerele de fișiere.

1:1

256 × 256 px

256 × 256

Cea mai mare intrare ICO; pictograme foarte mari în Explorer.

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

Oamenii convertesc SVG în ICO deoarece logo-ul există ca vector, iar rădăcina site-ului, o scurtătură Windows sau o aplicație desktop așteaptă încă un singur fișier .ico cu mai multe dimensiuni bitmap.

Pregătiți SVG-ul înainte de a converti SVG în ICO

Recomandat	De evitat
Setați viewBox-ul la un pătrat, de exemplu `0 0 512 512`.	Nu vă bazați pe linii foarte subțiri, care dispar sub 32 px.
Lăsați o margine mică, ca simbolul să nu atingă marginea pictogramei.	Nu păstrați un logotip lat, care devine o dungă subțire.
Convertiți textul în contururi, ca fontul să nu se schimbe.	Nu faceți referire la imagini externe sau fonturi web în SVG.
Folosiți simbolul sau inițialele, nu denumirea completă.	Nu adăugați un dreptunghi alb în spatele logo-ului, decât dacă îl doriți și în taburile închise la culoare.

Convertorul randează doar ce descrie SVG-ul, deci resursele legate și fonturile neîncorporate nu pot fi încărcate. Instrumente de design precum Figma, Illustrator și Inkscape pot exporta textul ca trasee; faceți asta și literele vor arăta la fel peste tot, conform brandului.

După ce ați obținut .ico, adăugați un PNG de 180 px pentru pictogramele Apple touch și SVG-ul însuși pentru browserele care acceptă favicon vectorial; SVG în PNG produce PNG-ul la orice dimensiune. Dacă sursa este un logo bitmap, PNG în ICO face aceeași treabă pornind de la pixeli.

Convertire SVG în ICO: întrebări

De ce să folosiți un convertor SVG în ICO în loc să porniți de la un PNG?

Un PNG trebuie redus pentru fiecare dimensiune de pictogramă, iar reducerea încețoșează marginile. Un SVG este randat direct la 16, 32, 64, 128 și 256 px, deci fiecare dimensiune are margini clare pentru propria grilă de pixeli.

Mai au nevoie browserele de favicon.ico dacă site-ul meu are o pictogramă SVG?

Chrome și Firefox citesc un favicon SVG declarat cu o etichetă link, dar multe browsere, cititoare de fluxuri și crawlere cer implicit /favicon.ico din rădăcina site-ului. Dacă furnizați ambele variante, acoperiți tot.

Ce se întâmplă dacă SVG-ul meu nu este pătrat?

Locurile pentru pictograme sunt pătrate, deci un logo lat fie primește margini goale, fie arată minuscul. Editați mai întâi viewBox-ul astfel încât lățimea și înălțimea să fie egale sau decupați o versiune pătrată cu instrumentul decupare imagine după exportul unui PNG.

Se păstrează fundalul transparent în fișierul ICO?

Da. ICO păstrează un canal alfa, deci zonele fără umplere din SVG rămân transparente, iar pictograma arată curat în taburi de browser deschise la culoare și închise la culoare.

Pot converti SVG în ICO pentru pictograma unui program Windows sau a unui folder?

Da, același fișier funcționează. Windows folosește imaginea de 256 px pentru vizualizările mari și foarte mari din Explorer, iar intrările mai mici pentru liste și bara de activități.

De ce pictograma mea pare goală la 16 px?

Liniile subțiri și textul mic dispar la această dimensiune. O linie de 2 unități într-o planșă de 512 unități ajunge sub un pixel într-o pictogramă de 16 px. Îngroșați liniile sau folosiți un simbol mai simplu pentru favicon.

Convertor SVG în ICO

Convertor de imagini