SVG vs PNG
Srovnání funkcí, případů použití, výkonu, kvality a kompatibility vedle sebe.
SVG a PNG nejsou zaměnitelné pro každý úkol. Tato stránka shrnuje praktické rozdíly, abyste před exportem zvolili správný formát nebo cestu převodu.
Srovnávací tabulka
| Aspect | SVG | PNG |
|---|---|---|
| Komprese | Bezeztrátová | Bezeztrátová |
| Průhlednost | Ano | Ano |
| Animace | Statický | Statický |
| Typ dat | Vektor | Raster |
| Typická velikost souboru | Často větší | Větší pro plochou grafiku |
| Podpora prohlížeče | Výborná pro zobrazení | Velmi široká |
Výhody
SVG: Průhlednost a ostré okraje
PNG: Průhlednost a ostré okraje
Nevýhody
SVG: Vyžaduje rasterizaci pro mnoho exportů
PNG: Není ideální pro každý úkol
Případy použití
Použijte SVG, když škálovatelné ikony a vektorové ilustrace.
Použijte PNG, když loga, UI assety a průhledná grafika.
Převádějte lokálně, když platforma nebo klient vyžaduje PNG.
Výkon
SVG lehké na zobrazení, těžší po rasterizaci.
PNG může používat více paměti.
Otestujte jeden soubor před velkými dávkami.
Kvalita
Začněte od zdroje s nejvyšší kvalitou.
Neukládejte znovu přes více ztrátových formátů.
Porovnejte ostrost na skutečném displeji před publikací.
Kompatibilita prohlížečů
Podpora SVG: Výborná pro zobrazení.
Podpora PNG: Velmi široká.
Otestujte výstup v Chrome, Safari a Firefox před publikací.
Doporučený postup
Rozhodněte, zda výstup potřebuje SVG, nebo PNG.
Otevřete související převodník nebo nástroj níže.
Upravte kvalitu nebo DPI, pokud je k dispozici.
Stáhněte a ověřte na cílovém zařízení.
Často kladené otázky
Je SVG lepší než PNG?
Ne vždy — SVG se hodí pro některé případy a PNG pro jiné. Viz tabulka výše.
Jak převést SVG na PNG lokálně?
Použijte související převodníky níže; soubory se zpracovávají v prohlížeči.
Potřebuji desktopový software?
Ne — související nástroje běží v moderním prohlížeči.