Conversie SVG în ICO Scalable Vector Graphics ↔ Icon Gratuit Online Sigur
Un SVG nu e o imagine — e instrucțiunea după care se desenează una. Aici instrucțiunea se urmează o dată, la mărimea pe care o alegeți, iar rezultatul se salvează ca ICO. Desenul e randat într-o incintă în care nimic din fișier nu poate rula, și nu se încarcă nimic.
Convertiți fișierul
Aduceți un SVG aici sau alegeți unul.
Fișierul nu pleacă de pe acest dispozitiv. Totul rulează în browserul dvs.
Nu se încarcă nimic
Prin ce se deosebește un vector
Un SVG nu e o imagine; e un set de instrucțiuni pentru a desena una — un cerc cu raza asta aici, o linie de aici până acolo, forma asta umplută cu culoarea aia. A devenit standard web în 2001, iar fiindcă păstrează desenul, nu rezultatul, poate fi tipărit pe un panou publicitar din același fișier care desenează o pictogramă de șaisprezece pixeli. Un PNG sau un JPEG păstrează exact pe dos: o rețea gata făcută de puncte colorate, fără nicio amintire a ce le-a desenat. Asimetria asta hotărăște tot ce e pe pagina de față. Trecerea de la vector la raster înseamnă pur și simplu desenarea instrucțiunilor la o mărime aleasă; drumul invers e trasarea — un program care se uită la o rețea de puncte și ghicește ce forme ar fi putut s-o producă.
Unde le întâlniți
Siglele, pictogramele, hărțile, schemele și graficele trăiesc ca SVG, fiindcă trebuie să fie citibile la orice mărime și adesea trebuie recolorate. Pictogramele de filă și cele de aplicație se produc din ele. Sensul invers e pentru clipa în care un vector trebuie să devină o imagine plată: un program de e-mail care nu afișează SVG, o previzualizare pe rețelele sociale, un document de tipărit de cineva cu programe mai vechi decât ale dumneavoastră, sau un formular de încărcare care primește doar fotografii.
Întrebări frecvente
Am trasat o fotografie și rezultatul arată groaznic. De ce?
Fiindcă trasarea n-a fost gândită niciodată pentru fotografii. Ea funcționează căutând zone de culoare asemănătoare și desenând un contur în jurul fiecăreia, ceea ce se potrivește cu desenul plat — o siglă, un șablon, un desen în linii — și dă greș la o fotografie, unde fiecare zonă se topește treptat în următoarea. Programul trebuie să inventeze o graniță acolo unde nu există și scoate fie o pată ca de afiș, din petice plate, fie un fișier cu zeci de mii de forme minuscule. Pentru fotografii, păstrați rasterul.
De ce arată SVG-ul meu altfel în alt program?
De obicei din cauza fonturilor. Un SVG care conține text trimite la un font după nume și se așteaptă ca mașina care îl deschide să aibă acel font; acolo unde nu-l are, se pune altceva, iar așezarea se mută. Leacul e să transformați textul în contururi înainte de export, ceea ce preface fiecare literă într-o formă și face fișierul identic peste tot — cu prețul că textul nu mai poate fi editat sau selectat. Efectele mai avansate, cum sunt filtrele și modurile de amestec, sunt cealaltă sursă obișnuită de diferențe.
Pierde fișierul din calitate?
Depinde de ce pot ține cele două formate. Conversia între formate care păstrează același lucru — un PNG într-un BMP, un WAV într-un FLAC — nu pierde nimic. Conversia într-un format care aruncă informație ca să câștige spațiu, cum e JPEG sau MP3, pierde puțin de fiecare dată, iar întoarcerea înapoi n-o aduce înapoi. Acolo unde există o alegere, pagina aceasta înclină spre păstrarea calității originale, nu spre fișierul cel mai mic.
Se încarcă fișierul meu undeva?
Nu. Conversia se face înăuntrul browserului dumneavoastră, pe calculatorul dumneavoastră; fișierul nu pleacă de acolo și nici n-are unde — nu există aici niciun server care să-l primească. De aceea un fișier mare e limitat de memoria dumneavoastră, nu de o încărcare; și de aceea nimic din ce convertiți nu poate apărea în jurnalele cuiva — nici în ale noastre. Uneltele de sunet și de film își aduc totuși motorul de conversie de pe acest site la prima folosire — vreo treizeci de megaocteți, o singură dată; după aceea lucrul se face tot pe calculatorul dumneavoastră.
De ce convertesc oamenii SVG în ICO
Un fișier ICO este o pictogramă. Este mica imagine care apare în fila unui browser, lângă numele unei pagini, într-o listă de marcaje, pe o scurtătură și în colțul ferestrei unui program pe Windows. Dacă administrați un site, vreți una care să poarte emblema dumneavoastră. Dacă construiți un program, aveți nevoie de una pentru fișierul lui executabil. Iar dacă aveți un logo, este foarte probabil un desen vectorial în format SVG. De aceea convertesc oamenii SVG în ICO: au desenul emblemei și le trebuie fișierul de pictogramă pe care browserele și sistemele de operare îl cer încă pe nume.
Un SVG nu este o imagine. Este un set de instrucțiuni pentru a desena una: desenează un cerc aici, o curbă dincolo, umple această formă cu acea culoare. Fiindcă sunt instrucțiuni și nu pixeli, un SVG poate fi afișat la orice dimensiune fără să se încețoșeze. O pictogramă, în schimb, este o mână de imagini mici strânse într-un singur fișier, fiecare făcută pentru o anumită dimensiune. Această pagină urmează instrucțiunile SVG-ului dumneavoastră o dată pentru fiecare dimensiune și împachetează rezultatele într-un singur fișier ICO.
Această pagină convertește SVG în ICO în browserul dumneavoastră. Desenul este redat într-un spațiu izolat unde nimic din fișier nu poate rula, iar nimic nu este încărcat. Mai jos veți găsi cum funcționează, ce dimensiuni conține fișierul, de ce pictogramele mici sunt o problemă aparte și ce puteți face în privința asta.
Cum funcționează conversia
Șase dimensiuni într-un singur fișier
ICO-ul care rezultă conține șase dimensiuni într-un singur fișier: 16, 32, 48, 64, 128 și 256 de pixeli. Fiecare este redesenată din SVG, nu micșorată una din alta, deci versiunea de 16 pixeli este instrucțiunile urmate la 16 pixeli, nu o copie micșorată a celei mari. Toate își păstrează transparența. Un sistem de operare sau un browser alege apoi dimensiunea care se potrivește locului unde este afișată pictograma.
Un spațiu izolat unde nimic nu poate rula
Un fișier SVG poate, în principiu, conține scripturi și trimiteri la alte lucruri. Ca să nu fie niciodată un risc, desenul este redat într-un spațiu izolat unde nimic din fișier nu poate rula. Se pictează doar formele. Este sigur chiar și pentru fișiere descărcate de undeva în care nu aveți deplină încredere.
De ce redesenarea este mai bună decât micșorarea
Când micșorați o imagine mare la una minusculă, detaliile se amestecă, iar liniile devin gri. Redesenarea din instrucțiunile vectoriale la dimensiunea țintă dă cel mai clar rezultat pe care îl poate avea fiecare dimensiune, deoarece liniile sunt așezate direct pe grila de pixeli.
Ce se păstrează
Cele șase dimensiuni
Primiți 16, 32, 48, 64, 128 și 256 de pixeli, ceea ce acoperă locurile în care se afișează în mod normal pictogramele: filele browserului, bara de activități, scurtăturile de pe desktop, listele de fișiere și previzualizările mari.
Transparența
Transparența se păstrează în toate cele șase dimensiuni. Zonele SVG-ului care nu au umplere rămân transparente în ICO, deci pictograma preia culoarea fundalului din spatele ei.
Forma emblemei
Desenul se păstrează așa cum este, cu culorile și formele lui. Dacă SVG-ul nu este pătrat, este potrivit în pătratul fiecărei pictograme fără să fie întins.
Ce ar trebui să știți înainte să convertiți SVG în ICO
O pictogramă este un alt desen
O pictogramă nu este o imagine mică, este un alt desen. Orice are linii fine sau text mic se face terci la 16 pixeli, oricât de atent ar fi redat. Un logo care arată excelent pe un afiș poate fi ilizibil ca favicon. Dacă rezultatul arată tulbure, răspunsul este un SVG mai simplu, nu o conversie mai bună.
Proiectați pentru cea mai mică dimensiune
Cele mai bune pictograme sunt făcute având în minte dimensiunea cea mai mică: o singură formă îndrăzneață, un număr limitat de culori, fără linii subțiri și fără litere dincolo de o singură literă. Dacă puteți, pregătiți o versiune simplificată a logoului ca SVG separat pentru acest scop, apoi convertiți SVG în ICO cu acela.
Fonturile și imaginile din altă parte nu se rezolvă
Fonturile și imaginile pe care SVG-ul le trage din altă parte nu se rezolvă în spațiul izolat. Textul scris cu un font web încărcat de pe un server revine la un font de sistem, iar o imagine legată din afara fișierului va lipsi. Pentru cel mai bun rezultat, transformați textul în contururi și încorporați imaginile.
Cum convertiți SVG în ICO aici
Adăugați desenul
Trageți SVG-ul pe pagină sau alegeți-l de pe dispozitiv. Este citit în interiorul browserului dumneavoastră și nu este încărcat.
Convertiți
Apăsați butonul. Cele șase dimensiuni sunt desenate una după alta, ceea ce durează un moment. Lăsați pagina deschisă până se termină.
Descărcați și testați
Descărcați ICO-ul și încercați-l unde va fi folosit. Pe un site, puneți-l în folderul rădăcină cu numele favicon.ico sau legați-l în antetul paginii și priviți fila unui browser. Pe Windows îl puteți atribui unei scurtături și puteți vedea cum arată la diferite dimensiuni.
O privire mai atentă asupra SVG și ICO
Vector și pachet
Un SVG este un singur desen care poate fi redat la orice dimensiune. Un ICO este un container cu mai multe imagini înăuntru, fiecare de o dimensiune fixă. Programele care afișează o pictogramă aleg imaginea cea mai apropiată de dimensiunea de care au nevoie, ceea ce evită scalarea încețoșată. A converti SVG în ICO înseamnă a reda desenul la dimensiunile pe care containerul se așteaptă să le conțină.
Unde se folosesc pictogramele
Browserele folosesc dimensiunile cele mai mici pentru file și pe cele mai mari pentru marcaje și pagina filei noi. Windows le folosește pentru bara de activități, meniul Start și Explorer. Dispozitivele mobile au propriile seturi de dimensiuni de imagine pentru ecranele de start, care sunt de obicei fișiere PNG, nu ICO. Dacă pregătiți o pictogramă de aplicație pentru telefon, SVG în PNG la dimensiunile cerute de platformă este calea mai bună.
Faviconurile azi
Browserele moderne acceptă PNG și chiar SVG ca favicon, dar ICO rămâne formatul care funcționează peste tot, inclusiv în browsere vechi, în unele cititoare de fluxuri și în unelte care caută automat favicon.ico. A avea unul este alegerea sigură.
Situații obișnuite în detaliu
Faviconul unui site
Convertiți SVG în ICO, salvați fișierul ca favicon.ico în rădăcina site-ului și legați-l. Fila fiecărui browser va purta emblema dumneavoastră, ceea ce face pagina recognoscibilă printre multe file deschise.
Pictograma unui program Windows
Programele de pe Windows poartă o pictogramă în fișierul lor executabil și în scurtături. Dezvoltatorii au nevoie de un ICO cu mai multe dimensiuni pentru asta. Cele șase dimensiuni pe care le primiți acoperă cerințele obișnuite.
Scurtături și foldere
Pe Windows puteți da unei scurtături sau unui folder propria pictogramă. Un ICO făcut din logoul dumneavoastră face desktopul sau folderele proiectelor mai ușor de recunoscut.
Site-uri de afaceri mici și bloguri
Un favicon este un mic detaliu care face un site să pară terminat. Dacă logoul dumneavoastră este un SVG, această conversie produce fișierul pe care constructorii de site-uri vă cer să-l încărcați.
Sfaturi practice înainte să convertiți SVG în ICO
Simplificați desenul
Eliminați liniile fine, renunțați la litere sau păstrați o singură literă și folosiți forme îndrăznețe. Priviți SVG-ul la 16 pixeli în programul dumneavoastră de desen înainte să convertiți, ca să vedeți cum va arăta cea mai mică pictogramă.
Faceți desenul pătrat
Pictogramele sunt pătrate. Dacă logoul dumneavoastră este lat, așezați-l pe o pânză pătrată cu o anumită margine, astfel încât să nu fie tăiat și să nu fie minuscul în interiorul pătratului.
Verificați contrastul
Filele browserului pot fi deschise sau închise. O emblemă cu contrast puternic față de ambele fundaluri se vede mai ușor. Un contur alb subțire pe o emblemă închisă sau o formă colorată plină funcționează de obicei.
Păstrați SVG-ul
SVG-ul este exemplarul-matcă. Dacă hotărâți mai târziu să schimbați pictograma, veți avea nevoie de el ca să convertiți din nou SVG în ICO.
Întrebări pe care și le pun oamenii înainte de conversie
De ce arată pictograma mea încețoșată la 16 pixeli?
Pentru că 16 pixeli sunt foarte puțini. Liniile fine și textul mic nu pot fi reprezentate acolo. Simplificați desenul în loc să căutați o conversie mai bună.
Ce dimensiuni conține fișierul?
16, 32, 48, 64, 128 și 256 de pixeli, fiecare redesenată din SVG, toate cu transparență.
Se va păstra transparența?
Da. Un fundal transparent în SVG este transparent în toate cele șase dimensiuni ale ICO-ului.
Pot folosi fișierul ca favicon?
Da. Numiți-l favicon.ico, puneți-l în rădăcina site-ului sau legați-l din antetul paginilor dumneavoastră.
Este fișierul meu încărcat?
Nu. Conversia rulează în browserul dumneavoastră, iar fișierul nu părăsește niciodată dispozitivul.
Pot face un SVG dintr-o pictogramă?
Da, într-o anumită măsură. ICO în SVG trasează o pictogramă în forme, deși dimensiunea mică limitează ce se poate recupera.
Cum alegeți bine când convertiți SVG în ICO
ICO sau PNG?
Pentru un favicon care funcționează peste tot, alegeți ICO. Pentru pictograme de aplicații pe telefoane și pentru imagini pe pagini web, PNG este formatul obișnuit. SVG în PNG vi-l oferă.
Gândiți-vă la întregul set
Dacă pregătiți un brand, puteți avea nevoie de un logo ca PNG, de un favicon ca ICO și de o versiune imprimabilă ca PDF. SVG în PDF păstrează desenul ca desen pentru tipar.
Testați pe o filă reală
Priviți pictograma într-o filă reală de browser, atât într-o temă deschisă, cât și într-una închisă. Acela este locul unde o vor întâlni cei mai mulți oameni.
Cum obțineți un rezultat bun după conversie
Goliți memoria cache a browserului
Browserele păstrează faviconurile mult timp. Dacă înlocuiți o pictogramă și o vedeți încă pe cea veche, goliți memoria cache sau deschideți site-ul într-o fereastră privată.
Verificați toate dimensiunile
Dacă aveți o unealtă care deschide fișiere ICO, priviți fiecare dimensiune. O emblemă care e bună la 256 de pixeli poate fi ilizibilă la 16, iar asta vă spune dacă trebuie să simplificați.
Numiți-l corect
Browserele caută implicit favicon.ico în rădăcina unui site. Păstrați acel nume dacă nu legați fișierul explicit.
Proiectarea unei embleme care supraviețuiește celei mai mici dimensiuni
Porniți de la grila de 16 pixeli
Cea mai sigură cale de a obține un rezultat bun când convertiți SVG în ICO este să proiectați având în minte cea mai mică dimensiune. Imaginați-vă o grilă de șaisprezece pe șaisprezece pătrate și întrebați-vă ce puteți așeza pe ea. Un cerc, o literă, un simplu glif: da. O semnătură, un blazon cu un motto: nu. Dimensiunile mai mari vor arăta bine orice ați desena, deci cea mică este constrângerea pentru care trebuie să proiectați.
Folosiți forme puternice și puține culori
Două sau trei culori cu contrast clar se citesc mai bine decât un degrade de multe. Formele pline care umplu cea mai mare parte a pătratului se recunosc mai ușor decât contururile subțiri, întrucât fiecare pixel poartă mai mult din emblemă.
Lăsați puțin spațiu de respirație
O emblemă care atinge marginea pătratului poate părea înghesuită, iar unele sisteme adaugă propria rotunjire sau bordură. O margine de un pixel sau doi la cea mai mică dimensiune păstrează forma intactă.
Priviți-o lângă alte pictograme
Deschideți câteva file ale unor site-uri cunoscute și comparați. Veți vedea că pictogramele care funcționează cel mai bine sunt foarte simple. Împrumutați acea disciplină înainte să convertiți SVG în ICO și rezultatul dumneavoastră va rezista într-o mulțime de file.
Confidențialitate și manevrare
De ce contează conversia locală pentru desene
Logourile și emblemele de brand pot fi confidențiale înainte de a fi publicate. Multe convertoare online încarcă fișierul pe un server, îl prelucrează și trimit rezultatul înapoi, iar o vreme o copie se află pe o mașină pe care nu o controlați. Aici propriul browser face munca, deci desenul rămâne pe dispozitivul dumneavoastră.
Ce se întâmplă când plecați
Când închideți pagina, fișierul convertit dispare din browser, deci descărcați-l mai întâi. Nimic despre desenul dumneavoastră nu este păstrat.
Dacă ceva nu merge bine
Pictograma iese goală
SVG-ului îi poate lipsi o dimensiune sau un view box. Deschideți-l într-un editor de text și verificați că are lățime și înălțime sau un view box ori reparați-l în programul dumneavoastră de desen.
Pictograma este tăiată
Unele SVG-uri au elemente care se extind dincolo de zona declarată. Ajustați view box-ul din original astfel încât totul să încapă înăuntru.
Pagina îngheață
Totul rulează pe dispozitivul dumneavoastră. Încercați din nou pe un calculator sau cu un desen mai simplu.
Unelte asemănătoare
Aceeași familie de unelte acoperă treburile învecinate. Pentru imagini la dimensiunile alese de dumneavoastră, folosiți SVG în PNG sau SVG în JPG. Pentru un document care rămâne clar la orice zoom, SVG în PDF păstrează desenul ca desen. Ca să trasați imagini înapoi în forme, ICO în SVG, PNG în SVG și JPG în SVG își fac treaba.
Un exemplu lucrat
Să spunem că ați început un mic blog, iar logoul dumneavoastră este un SVG: o frunză verde cu numele blogului dedesubt. Trageți SVG-ul aici și apăsați butonul. ICO-ul sosește, iar în fila browserului frunza este recognoscibilă, dar numele de dedesubt este ilizibil. Deschideți programul de desen, faceți o versiune doar cu frunza, convertiți din nou SVG în ICO și încărcați noul fișier ca favicon.ico. Fila arată acum o frunză verde clară, iar logoul complet rămâne pe pagină.
O scurtă listă de verificare
Înainte de conversie
Simplificați desenul. Faceți-l pătrat. Transformați textul în contururi și încorporați imaginile.
În timpul conversiei
Rămâneți pe pagină până fișierul este gata.
După conversie
Testați ICO-ul într-o filă de browser și într-o scurtătură, în teme deschise și închise, și păstrați SVG-ul.
Greșeli frecvente
Folosirea logoului complet
Literele și detaliile fine dispar la 16 pixeli. Folosiți o emblemă simplificată.
Așteptarea ca o conversie mai bună să repare un desen încărcat
Defectul este în dimensiune, nu în unealtă. Simplificați SVG-ul.
Uitarea memoriei cache
Un favicon vechi poate rămâne în browser. Goliți memoria cache înainte să hotărâți că cel nou a eșuat.
Desenul dumneavoastră rămâne pe dispozitiv
Conversia se face local. Desenul dumneavoastră este citit de propriul browser, pictat acolo și întors ca ICO. Nimic nu este încărcat, deci nicio copie nu ajunge pe un server și nimeni altcineva nu îl poate vedea. Pentru emblemele de brand nepublicate, aceasta este calea sigură de a converti SVG în ICO.
Rezumat
Ca să convertiți SVG în ICO aici, trageți desenul și apăsați butonul. Un SVG nu este o imagine, ci instrucțiuni pentru a desena una, iar aici acele instrucțiuni sunt urmate o dată pentru fiecare dimensiune, iar rezultatele sunt salvate ca ICO. Desenul este redat într-un spațiu izolat unde nimic din fișier nu poate rula, iar nimic nu este încărcat. Fișierul conține șase dimensiuni: 16, 32, 48, 64, 128 și 256 de pixeli, fiecare redesenată din SVG, nu micșorată una din alta, și toate cu transparență. O pictogramă nu este o imagine mică, este un alt desen: orice are linii fine sau text mic se face terci la 16 pixeli, oricât de atent ar fi redat. Dacă rezultatul arată tulbure, răspunsul este un SVG mai simplu, nu o conversie mai bună. Fonturile și imaginile trase din altă parte nu se rezolvă.