Fișiere SVG.

Formatul de fișier SVG este un instrument popular pentru afișarea elementelor grafice, diagramelor și ilustrațiilor bidimensionale pe site-uri web. În plus, ca fișier vectorial, poate fi mărit sau micșorat fără a-și pierde rezoluția. Aflați mai multe despre caracteristicile cheie ale imaginilor SVG, avantajele și dezavantajele acestora și despre modul în care a evoluat formatul SVG.

Imagine de marcaj SVG

Ce veți învăța.

 

  • Ce este un fișier SVG?
     
  • Istoricul fișierului SVG
     
  • Pentru ce sunt folosite fișierele SVG?
     
  • Avantajele și dezavantajele fișierelor SVG
     
  • Cum se deschide un fișier SVG
     
  • Cum se creează și se editează un fișier SVG
     
  • Fișiere SVG: întrebări frecvente

 

 

Ce este un fișier SVG?

Scalable Vector Graphics (SVG) este un format de fișier vectorial prietenos pentru web. Spre deosebire de fișierele raster bazate pe pixeli, cum ar fi JPEG, fișierele vectoriale stochează imagini prin formule matematice bazate pe puncte și linii pe o grilă. Aceasta înseamnă că fișierele vectoriale precum SVG pot fi redimensionate semnificativ fără a-și pierde calitatea, ceea ce le face ideale pentru logo-uri și grafică online complexă. 

 

Nu doar abilitățile lor de redimensionare fac ca SVG să fie foarte populare în rândul designerilor web. Fișierele SVG sunt scrise în cod XML, ceea ce înseamnă că stochează orice informație text ca text literal, mai degrabă decât ca forme. Acest lucru permite motoarelor de căutare precum Google să citească grafica SVG pentru cuvintele lor cheie, ceea ce poate ajuta un site să urce în clasamentul de căutare.

 

Puteți identifica cu ușurință un fișier SVG prin extensia sa .svg.

 

 

Istoricul fișierului SVG.

Istoria fișierului SVG datează de la sfârșitul anilor 1990, când World Wide Web Consortium (W3C) a invitat propuneri de la dezvoltatori pentru un nou tip de format de grafică vectorială. Au fost depuse șase propuneri concurente, care au ajutat la informarea ceea ce a devenit în cele din urmă formatul SVG al W3C.  

 

SVG a avut nevoie de ceva timp pentru a crește în popularitate. A existat relativ puțin suport până în 2017, când oamenii au început să vadă beneficiile utilizării fișierelor SVG în browserele web moderne. Fișierele SVG sunt acum utilizate pe scară largă pentru imaginile de site-uri web 2D, deoarece majoritatea browserelor și aplicațiilor de desen pentru fișiere vectoriale le pot gestiona cu ușurință.

 

 

Pentru ce sunt folosite fișierele SVG?

Grafica vectorială scalabilă a parcurs un drum lung în ultimii ani, dar pentru ce sunt folosite fișierele SVG în practică?

 

Pictograme și logo-uri pentru site-uri web.

Designerii folosesc adesea fișiere SVG pentru a afișa pictogramele site-urilor web, cum ar fi butoanele, dar și logo-urile companiei. Capacitatea de micșorare și mărire a acestui tip de fișier fără a-și compromite calitatea înseamnă că sunt ideale pentru elementele grafice care trebuie să apară în mai multe locuri și într-o gamă largă de dimensiuni.

 

Infografice și ilustrații.

Datorită utilizării XML în fișierele SVG, motoarele de căutare precum Google pot citi diagrame și grafice cu volume mari de text, ceea ce poate ajuta la optimizarea motorului de căutare. Deoarece Google poate detecta cuvinte cheie în fișierele SVG, ele pot ajuta la obținerea unui rang mai înalt pentru o pagină web în rezultatele căutării. În plus, pentru a face paginile web mult mai interesante, fișierele SVG acceptă și animație.

 

Descoperiți mai multe fișiere vectoriale

 

 

Avantajele și dezavantajele fișierelor SVG.

Merită să cercetați avantajele și dezavantajele SVG înainte de a salva imaginile în acest format de fișier.

 

Avantajele fișierelor SVG.

  • Spre deosebire de fișierele raster, care sunt alcătuite din pixeli, graficele vectoriale precum SVG își păstrează întotdeauna rezoluția – indiferent cât de mari sau de mici le faceți. Nu trebuie să vă faceți griji că imaginile SVG își pierd calitatea în anumite browsere sau când le redimensionați pentru a apărea în locuri diferite.
     
  • Fișierele SVG de bază sunt adesea mai mici decât imaginile raster, care sunt construite din mulți pixeli colorați, mai degrabă decât folosind algoritmi matematici. 
     
  • Deoarece fișierele SVG tratează textul ca text (și nu ca design), cititoarele de ecran pot scana orice cuvinte conținute în imaginile SVG. Acest lucru este foarte util pentru persoanele care au nevoie de ajutor pentru citirea paginilor web. Motoarele de căutare pot citi și indexa textul imaginii SVG.

 

Dezavantajele fișierelor SVG.

  • Fișierele SVG sunt excelente pentru grafica web, cum ar fi logo-uri, ilustrații și diagrame. Dar lipsa lor de pixeli face ca afișarea fotografiilor digitale de înaltă calitate să fie dificilă. Fișierele JPEG sunt în general mai bune pentru fotografii detaliate. 
     
  • Numai browserele moderne pot accepta imagini SVG. S-ar putea să vă fie o provocare să utilizați fișiere SVG cu Internet Explorer 8 și alte browsere mai vechi.
     
  • Codul conținut în imaginile SVG poate fi greu de înțeles dacă sunteți începător în acest format de fișier. 

 

 

Cum se deschide un fișier SVG.

De la Chrome și Edge la Safari și Firefox, toate browserele majore vă permit să deschideți fișiere SVG în prezent – indiferent dacă folosiți Mac sau Windows. Doar lansați browserul și faceți clic pe Fișier > Deschidere pentru a alege fișierul pe care doriți să îl vizualizați. Acesta va fi apoi afișat în browser.

 

Deschiderea unei imagini SVG cu un program încorporat pe computer este la fel de ușoară. Faceți dublu clic pe numele fișierului și veți obține o listă de programe care îl vor deschide – sau se va deschide automat într-un program compatibil.

 

 

Cum se creează și se editează un fișier SVG.

Urmați acești pași când utilizați Adobe Photoshop

 

  1. După ce ați creat o imagine în Photoshop, faceți clic pe Fișier > Export > Export ca.
     
  2. Faceți clic pe meniul derulant Format din caseta care apare și apoi selectați SVG.
     
  3. Selectați Exportați tot și salvați fișierul. 

 

O notă utilă: deoarece Photoshop este un editor de grafică raster, mulți oameni preferă să creeze și să editeze fișiere SVG în Adobe Illustrator, un editor de grafică vectorială.

 

 

Fișiere SVG: întrebări frecvente.

Fișierele SVG acceptă animația?

Formatul de fișier SVG nu este conceput doar pentru imagini statice. Veți descoperi o serie de instrumente online care vă vor ajuta să introduceți elemente în mișcare în grafica web. Animațiile SVG pot include elemente relativ de bază, cum ar fi o funcție de glisare pentru a vă deplasa între diferite diapozitive dintr-un infografic. Ilustrațiile pot fi, de asemenea, făcute să se miște, cum ar fi acele pe cadranul unui ceas.

 

Cum pot identifica un fișier SVG?

Cel mai simplu mod de a identifica un fișier SVG este prin verificarea codului extensiei. Un fișier SVG este listat ca fișier .svg. De asemenea, puteți identifica imagini vectoriale, cum ar fi SVG, mărindu-le la 200% sau mai mult pe ecranul computerului. O imagine vectorială își va păstra liniile curate și culorile solide în loc să devină pixelată sau neclară.

 

Fișierele SVG pot fi folosite numai pe internet?

Deși imaginile SVG sunt folosite în principal pe web, ele au o viață dincolo de lumea online. De exemplu, deoarece nu devin distorsionate atunci când dimensiunile originale sunt modificate, fișierele SVG sunt utile ca șabloane pentru imprimarea pe articole vestimentare, cum ar fi tricouri. Un fișier JPEG construit dintr-o mulțime de pixeli nu s-ar transfera la fel de curat.

 

Cât de mari sunt fișierele SVG?

Dimensiunea unui fișier SVG depinde de câte date de imagine conține – dar este de obicei mai mică decât majoritatea celorlalte tipuri de fișiere. Grafica complexă, cu multe căi și puncte de ancorare, va ocupa mai mult spațiu de stocare decât modelele mai simple și mai curate. Încercați să minimizați numărul de instrucțiuni complexe conținute în fișier.

 

Care este diferența dintre fișierele SVG și PNG?

Pe scurt, SVG sunt fișiere vectoriale, în timp ce PNG sunt fișiere raster. Dacă extindeți sau reduceți un fișier PNG prea mult, acesta devine neclar și pixelat. Fișierele SVG nu conțin pixeli, așa că nu își vor pierde niciodată rezoluția. În plus, fișierele PNG nu acceptă animație.

Aflați mai multe despre tipurile de fișiere similare cu SVG.

Imagine de fișier PNG

Fișiere PNG

Aflați mai multe despre un alt format popular pentru grafica web și logo-uri.

Imagine de fișier JPEG

Fișiere JPEG

Aflați de ce fișierele JPEG sunt concepute având în vedere fotografii digitale complexe.

Imagine de fișier HEIC

Fișiere HEIC

Faceți cunoștință cu acest nou tip de fișier raster conceput de mințile Apple.

Imagine de fișier AI

Fișiere AI

Descoperiți acest format vectorial utilizat pe scară largă, dezvoltat pentru Adobe Illustrator.

Comparați SVG cu alte tipuri de fișiere.

Imagine de fișier SVG vs. PNG

SVG vs. PNG

Ce format de fișier predomină în mizele de design web?

Imagine de fișier SVG vs. EPS

SVG vs. EPS

Aruncați o privire mai atentă la acreditările lor de imprimare.

Găsiți planul potrivit.

Illustrator

Aplicație individuală Adobe Illustrator

Creați opere de artă și ilustrații vectoriale plăcute.
7 zile gratuit, apoi 23,79 €/lună.

InDesign

Aplicație individuală Adobe InDesign

Creați machete de pagină elegante pentru imprimare și fișiere media digitale.
7 zile, apoi 23,79 €/lună.

Lightroom

Toate aplicațiile

Obțineți întreaga colecție de aplicații de creație și multe altele.
7 zile, apoi 61,95 €/lună.