SVG pentru designerii web în 60 de secunde

Imaginile bitmap cum ar fi JPEG-urile, GIF-urile și PNG-urile arată îngrozitor când le scalzi, deci dacă vrei să menții o calitate la dimensiuni mari, trebuie să măriți dimensiunea fișierului. Însă imaginile SVG (care reprezintă Scalable Vector Graphics) arată exact la fel, indiferent de dimensiunile la care sunt redimensionate și păstrează aceeași dimensiune a fișierului. 

Să ne uităm la SVG-uri pentru designul web, în ​​șaizeci de secunde!

Înțelegerea SVG pentru Web Design

 

SVG-urile pot fi folosite ca CSS-uri ca fundaluri, sau le puteți plasa în conținut ca imagini obișnuite. Puteți crea pictograme și logo-uri care arată întotdeauna perfect la orice mărime, pot fi animate și morphed și puteți aplica filtre și efecte grozave (vizitați demo-ul de filtre SVG de către Lucas Bebber de mai jos). Puteți chiar să le controlați cu CSS.

Pe interior, un fișier SVG poate fi citit, cod XML modificabil. Și textul din SVG este text normal, indexabil, cu motor de căutare.

Puteți crea SVG-uri cu aproape orice program de editare grafică vectorială, cum ar fi Affinity Designer, SVX Boxy, Illustrator, Gravit Designer sau Inkscape. Doar creați-vă imaginea, exportați-o ca SVG și este gata de utilizare pe site-urile dvs. Web. Acesta este SVG pentru designul web, în ​​șaizeci de secunde!

Mai multe resurse utile SVG