Scalable Vector Graphics (SVG)
SVG je formát pro vektorovou grafiku, který je založen na XML a umožňuje vytvářet obrázky, které lze libovolně zvětšovat nebo zmenšovat bez ztráty kvality. SVG se často používá pro loga, ikony, ilustrace nebo interaktivní grafy na webu. Díky textovému formátu lze SVG snadno upravovat, animovat a kombinovat s CSS či JavaScriptem.
Hlavní výhody SVG:
- Neomezená škálovatelnost – ideální pro responzivní design.
- Malá velikost souboru – optimalizace pro rychlé načítání webu.
- Interaktivita a animace – možnost ovládání prvků pomocí CSS/JS.
- SEO-friendly – text v SVG je indexovatelný vyhledávači.
Příklad jednoduchého SVG kódu:
<svg width="100" height="100" xmlns="http://www.w3.org/2000/svg">
<circle cx="50" cy="50" r="40" stroke="blue" stroke-width="3" fill="lightblue" />
</svg>
SVG je ideální pro moderní weby, protože umožňuje ostrou grafiku na všech zařízeních, rychle se načítá a podporuje interaktivitu. Kombinace SVG a CSS animací umožňuje tvorbu dynamických, responzivních a atraktivních prvků, které zvýrazní vizuální identitu webu.