Cum se convertesc imaginile JPG și PNG în SVG

Formate de imagine tradiționale, cum ar fi JPG, PNG sau GIF, sunt foarte populare, dar au dezavantaje care fac utilizarea lor mai puțin decât ideală pentru anumite aplicații.

Dacă de exemplu, creați un site web receptiv, doriți imagini care arată bine indiferent de lățimea și înălțimea în care sunt afișate. Imaginile tradiționale arată rău atunci când le măriți prea mult, de exemplu.

Este posibil să aveți nevoie să afișați imaginea și în diferite dimensiuni, de exemplu, ca o miniatură pe pagina de index a unui blog și ca imagine cu rezoluție completă în articolul legat.

Deși puteți crea diferite versiuni ale unei singure imagini, astfel încât să fie aleasă cea mai potrivită, înseamnă că aveți nevoie de mai mult spațiu de stocare pentru asta, printre altele.

Formatul de imagine SVG este un format vectorial. Aceasta înseamnă că dimensiunea sa poate fi diminuată sau crescută fără o pierdere a calității (scalabilă). Este excelent dacă trebuie să afișați imaginea în mai multe locuri folosind rezoluții diferite.

Alte avantaje ale SVG sunt că dimensiunea acestuia este de obicei mult mai mică și că oferă webmasterilor o anumită flexibilitate atunci când vine vorba de modificări ale acestuia, deoarece unele pot fi realizate direct în CSS.

Un exemplu: Terence Eden a recreat logo-urile companiilor populare de internet precum Twitter, Amazon, WhatsApp, YouTube sau Reddit în SVG. Mărimea logo-ului a fost redusă la mai puțin de 1 Kilobyte, uneori la 200 de octeți. Logo-ul Twitter în format PNG, de exemplu, are o dimensiune de 20 Kilobytes, versiunea SVG o dimensiune de 397 de octeți.

SVG este un format bun pentru logo-uri și pictograme, dar nu este foarte potrivit pentru fotografii și alte tipuri de imagini care arată multe obiecte diferite.

Convertirea în SVG

Acest ghid se concentrează pe aplicațiile pe care le puteți utiliza pentru a converti imaginile în SVG direct. Acesta nu este un tutorial despre utilizarea aplicațiilor concepute pentru a crea grafică vectorială de la zero. Puteți utiliza editori de grafică vectorială, cum ar fi Adobe Illustrator (nu există nicio legătură cu politica Adobe încă), Inkscape sau LibreOffice Draw pentru asta.

Sunt disponibile o mulțime de convertoare gratuite pe care le puteți rula online, dar sunt destul de limitate atunci când vine vorba de procesul de conversie. Deși pot fi suficiente pentru a converti un logo simplu care este disponibil ca png sau jpg în svg, rezultatele nu sunt super bune de cele mai multe ori.

Iată cum am evaluat serviciile: am descărcat logo-ul Ghacks și am încercat conversiile pe câteva zeci de convertoare SVG. Am judecat rezultatul și am eliminat orice serviciu care nu a dat rezultate bune.

  • Aconvert - Serviciul ia ca intrare un fișier local sau o adresă URL. Singura opțiune pe care o oferă este să schimbi rezoluția imaginii. Imaginea rezultată semăna cu logo-ul Ghacks, dar dimensiunea sa era aproape dublă față de versiunea PNG a logo-ului.
  • Vector Magic - Disponibil ca convertor online și program de desktop pentru Windows. Nu este însă gratuită (online costă 7, 95 USD pe lună, ediția desktop o plată unică de 295 USD). Cu toate acestea, rezultatele ediției online sunt grozave și veți obține o mulțime de opțiuni de editare sau modificare a setărilor și o afișare cot la cot a imaginii originale și a copiei svg.
  • Vectorizer - Un alt serviciu gratuit. Acesta vine cu un vrăjitor pe care îl puteți alege pentru cei mai buni parametri de ieșire (încețoșare, culori) sau puteți să-i setați direct. Rezultatele au fost bune cu unele modificări, iar dimensiunea imaginii rezultate a fost cu o treime mai mică decât sigla PNG originală.

Acum: Cunoașteți un alt serviciu sau program online pentru a converti imaginile în format SVG?