SVG vs PNG vs Canvas: Nejlepší formát grafiky pro responzivní webové aplikace
Poslední aktualizace: 24 června 2026
Moderní webové aplikace silně spoléhají na grafiku pro ikony, loga, obrázky, grafy, animace a interaktivní vizuální prvky. Výběr správné grafické technologie je důležitý, protože ovlivňuje škálovatelnost, výkon, odezvu, přístupnost a uživatelskou zkušenost.
Tři z nejčastěji používaných možností jsou SVG (Scalable Vector Graphics), PNG (Portable Network Graphics) a HTML Canvas. Ačkoli všechny tři jsou schopny zobrazovat vizuální obsah, výrazně se liší v tom, jak renderují grafiku a kde dosahují nejlepších výsledků.
Proč je SVG nejvíce podceňovaným formátem obrázků
Poslední aktualizace: 15 Dec, 2025
Když většina lidí přemýšlí o formátech obrázků, představí si JPEGy pro fotografie, PNGy pro průhlednou grafiku a GIFy pro animace. Existuje však další formát, který tiše pohání velkou část moderního webu a zaslouží si mnohem větší uznání: SVG (Scalable Vector Graphics). Přestože je k dispozici už více než dvě desetiletí, SVG zůstává jedním z nejméně využívaných a nepochopených formátů obrázků – a to i přesto, že řeší mnoho problémů, které trápí ostatní typy obrázků.