Intern
Co je SVG?
sobes.tech AI
Odpověď od AI
SVG (Scalable Vector Graphics) je formát vektorové grafiky založený na XML pro tvorbu dvourozměrné grafiky. Na rozdíl od rastrových obrázků SVG popisuje grafiku pomocí matematických vzorců, což umožňuje měřítko obrázků bez ztráty kvality.
Hlavní vlastnosti SVG:
- Vektorový formát: Obrázky jsou popsány pomocí geometrických primitiv (body, čáry, křivky, tvary), nikoli pixely.
- XML základy: Struktura dokumentu SVG je založena na syntaxi XML, což ji činí snadno čitelnou a upravitelnou.
- Měřítkovost: Obrázky lze zvětšovat nebo zmenšovat bez ztráty ostrosti a kvality.
- Interaktivita: Elementy SVG mohou být interaktivní, reagovat na události (kliknutí, najetí myší atd.) pomocí JavaScriptu.
- Stylování: Vzhled elementů SVG může být upraven pomocí CSS.
- Animace: SVG podporuje animaci prvků pomocí vestavěných prostředků nebo CSS/JavaScriptu.
Výhody používání SVG na webu:
- Ideální pro ikony a loga: Měřítkovost zajišťuje ostré zobrazení na jakémkoli rozlišení obrazovky.
- Menší velikost souboru: Pro mnoho typů grafiky mohou být soubory SVG menší než podobné rastrové formáty.
- SEO přátelské: Text v SVG je indexován vyhledávači.
- Přístupnost: Díky textové povaze je SVG přístupnější pro asistivní technologie.
- Snadná modifikace: Protože je to XML, obsah lze dynamicky měnit.
Příklad jednoduchého SVG obrázku (kruh):
<svg width="100" height="100">
<circle cx="50" cy="50" r="40" stroke="black" stroke-width="3" fill="red" />
</svg>