Avantajele SVG
Pe măsură ce construiți un site web și adăugați imagini către site-ul respectiv, unul dintre cele mai importante lucruri pe care trebuie să le determinați este formaturile de fișiere care sunt cele corecte de utilizat. În funcție de grafic, un format poate fi mult mai bun decât altele.
Mulți designeri web sunt confortabili cu formatul de fișier JPG, iar acest format este perfect pentru imagini care au adâncime de culoare, cum ar fi fotografiile. În timp ce acest format ar funcționa, de asemenea, pentru grafica simplă, cum ar fi pictogramele ilustrate, acesta nu este cel mai bun format de utilizat în acel exemplu. Pentru aceste icoane, SVG ar fi o alegere mai bună. Să aruncăm o privire la exact de ce:
SVG este tehnologia vectorială
Aceasta înseamnă că nu este o tehnologie raster. Imaginile Vector sunt o combinație de linii create folosind matematica. Fișierele raster folosesc pixeli sau pătrate mici de culoare. Acesta este motivul pentru care SVG este scalabil și perfect pentru site-urile responsabile care trebuie să se adapteze la dimensiunea ecranului dispozitivului. Deoarece există grafice vectoriale în lumea matematicii, pentru a schimba dimensiunea, pur și simplu schimbați numerele. Fișierele raster necesită adesea o revizuire semnificativă atunci când vine vorba de dimensionare. Atunci când doriți să măriți imaginea vectorială, nu există nici o distorsiune deoarece sistemul este matematic și browserul recalculează doar matematica și redă liniile cât mai netede ca niciodată. Când măriți imaginea de tip raster, pierdeți calitatea imaginii și fișierul începe să devină neclar când începeți să vedeți acei pixeli de culoare. Math se extinde și contractează, pixelii nu. Dacă doriți ca imaginile dvs. să fie independente de rezoluție, SVG vă va oferi această abilitate.
SVG este bazat pe text
Când utilizați un editor grafic pentru a produce o imagine, programul realizează o imagine a lucrării de artă completate. SVG funcționează diferit. Puteți utiliza în continuare unele programe software și vă simțiți ca și cum ați desena o imagine, dar produsul final este o colecție de linii vectoriale sau chiar cuvinte (care sunt într-adevăr doar vectori pe pagina). Motoarele de căutare se uită la cuvinte, în special la cuvinte cheie. Dacă încărcați un JPG , vă limitați la titlul graficului dvs. și, probabil, la textul alt text . Cu codificarea SVG, extindeți posibilitățile și creați imagini care sunt mai prietenoase cu motoarele de căutare.
SVG este XML și funcționează în cadrul altor formate de limbă
Acest lucru revine la codul bazat pe text. Puteți face imaginea de bază în SVG și utilizați CSS pentru ao lustrui. Da, puteți avea o imagine care este de fapt un fișier SVG, dar puteți, de asemenea, să codificați SVG direct în pagină și să îl editați în viitor. Puteți să o modificați cu CSS la fel cum ați modifica textul paginii etc. Acesta este foarte puternic și face ca editarea să fie ușoară.
SVG este ușor de editat
Acesta este probabil cel mai mare avantaj. Când faceți o fotografie a unui pătrat, este ceea ce este. Pentru a face o schimbare, trebuie să resetați scena și să faceți o nouă fotografie. Înainte de a ști asta, aveți 40 de imagini de pătrate și încă nu aveți destul de bine. Cu SVG, dacă faceți o greșeală, schimbați coordonatele sau un cuvânt într-un editor de text și ați terminat. Mă pot referi la acest lucru pentru că am desenat un cerc SVG care nu a fost poziționat corect. Tot ce trebuia să fac era să ajustează coordonatele.
Imaginile JPG pot fi grele
Dacă doriți ca imaginea dvs. să crească în mărime fizică, aceasta va crește și în dimensiunea fișierului. Cu SVG, un kilogram este încă un kilogram, indiferent de cât de mare îl faci. Un pătrat care are o lățime de 2 inci va cântări la fel ca un pătrat cu lățimea de 100 de centimetri. Dimensiunea fișierului nu se modifică, ceea ce este excelent din punct de vedere al performanței paginii!
Care este mai bine?
Deci, ce este un format mai bun - SVG sau JPG? Aceasta depinde de imaginea în sine. Este ca și cum ați întreba: "Ce este mai bine, un ciocan sau o șurubelniță?" Depinde de ceea ce trebuie să faci! Același lucru este valabil și pentru aceste formate de imagine. Dacă aveți nevoie să afișați o fotografie, JPG este cea mai bună alegere pentru dvs. Dacă adăugați o pictogramă, SVG este probabil o alegere mai bună. Puteți afla mai multe despre momentul când este potrivit să utilizați fișierele SVG aici .
Articolul original de Jennifer Krynin. Editat de Jeremy Girard pe 6/6/17