Intern
Ce este SVG?
sobes.tech AI
Răspuns de la AI
SVG (Grafica Vectorială Scalabilă) este un format de grafică vectorială bazat pe XML pentru crearea de grafice bidimensionale. Spre deosebire de imaginile raster, SVG descrie grafica folosind formule matematice, ceea ce permite redimensionarea imaginilor fără pierdere de calitate.
Caracteristici principale ale SVG:
- Format vectorial: Imaginile sunt descrise prin primitive geometrice (puncte, linii, curbe, forme), nu prin pixeli.
- Bază XML: Structura documentului SVG se bazează pe sintaxa XML, ceea ce îl face ușor de citit și editat.
- Scalabilitate: Imaginile pot fi mărite sau micșorate fără a pierde claritate sau calitate.
- Interactivitate: Elementele SVG pot fi interactive, reacționând la evenimente (clicuri, hover-uri etc.) prin JavaScript.
- Stilizare: Aspectul elementelor SVG poate fi personalizat folosind CSS.
- Animație: SVG suportă animația elementelor cu ajutorul instrumentelor încorporate sau CSS/JavaScript.
Avantaje ale utilizării SVG pe web:
- Ideal pentru pictograme și logo-uri: Scalabilitatea asigură o afișare clară pe orice rezoluție a ecranului.
- Dimensiune mai mică a fișierului: Pentru multe tipuri de grafică, fișierele SVG pot fi mai mici decât formatele raster similare.
- SEO-friendly: Textul din SVG este indexat de motoarele de căutare.
- Accesibilitate: Datorită naturii sale textuale, SVG este mai accesibil pentru tehnologiile asistive.
- Ușor de modificat: Deoarece este XML, conținutul poate fi modificat dinamic.
Exemplu de imagine SVG simplă (cerc):
<svg width="100" height="100">
<circle cx="50" cy="50" r="40" stroke="black" stroke-width="3" fill="red" />
</svg>