Výhody SVG
Při vytváření webových stránek a přidávání obrázků na daný web, jeden z nejdůležitějších věcí, které musíte určit, je, které formáty souborů mají být správné. V závislosti na grafice může být jeden formát mnohem lepší než jiní.
Mnoho webových designérů je příjemné ve formátu JPG a tento formát je ideální pro obrázky, které mají hlubokou barevnou hloubku, například fotografie. Zatímco tento formát by fungoval i pro jednoduchou grafiku, jako ikony, které jsou zobrazeny, není to v tomto případě nejlepší formát. Pro tyto ikony by SVG byla lepší volbou. Podívejme se přesně na to, proč:
SVG je vektorová technologie
To znamená, že to není rastrová technologie. Vektorové obrázky jsou kombinací linií vytvořených pomocí matematiky. Raster soubory používají pixely nebo drobné čtverce barvy. To je jeden z důvodů, proč je SVG škálovatelná a ideální pro citlivé webové stránky, které se musí měnit spolu s velikostí obrazovky zařízení. Vzhledem k tomu, že vektorová grafika existuje ve světě matematiky, změníte velikost, jednoduše změňte čísla. Rastrové soubory často vyžadují významnou revizi, pokud jde o dimenzování. Chcete-li přiblížit vektorový obrázek, není zde žádné zkreslení, protože systém je matematický a prohlížeč právě přepočítává matematický výpočet a vykresluje řádky jako hladce. Když zvětšíte rastrový obrázek, ztratíte kvalitu obrazu a soubor začne být fuzzy, jakmile začnete vidět ty pixely barvy. Matematika se rozšiřuje a kontrahuje, pixely ne. Pokud chcete, aby vaše snímky byly nezávislé na rozlišení, SVG vám dává tuto schopnost.
SVG je založeno na textu
Když použijete grafický editor pro vytváření obrázku, program pořídí obrázek dokončeného díla. SVG funguje jinak. Můžete i nadále používat některé softwarové programy a máte pocit, že kreslíte obrázek, ale konečný produkt je sbírka vektorových linek nebo dokonce i slov (která jsou ve skutečnosti jen vektory na stránce). Vyhledávače vyhledávají slova, konkrétně klíčová slova. Pokud nahrajete JPG , omezujete se na název grafické a možná i textové fráze. S kódováním SVG rozšiřujete možnosti a vytváříte snímky, které jsou více přátelské pro vyhledávače.
SVG je XML a funguje v rámci jiných jazykových formátů
Toto se vrátí zpět do textového kódu. Můžete vytvořit základní obrázek ve SVG a pomocí CSS ho vyléčit. Ano, můžete mít obrázek, který je ve skutečnosti soubor SVG, ale můžete také SVG kódovat přímo do stránky a v budoucnu jej upravit. Můžete jej změnit pomocí CSS stejným způsobem, jakým byste změnili text stránky atd. To je velmi výkonné a umožňuje snadnou úpravu.
SVG je snadno editováno
To je pravděpodobně největší výhoda. Když vyfotografujete čtverec, tak to je. Chcete-li provést změnu, musíte vynulovat scénu a vytvořit nový snímek. Než to víte, máte 40 snímků čtverců a stále nemáte úplně pravdu. Se SVG, pokud uděláte chybu, změňte souřadnice nebo slovo v textovém editoru a jste hotovi. Mohu se k tomu připojit, protože jsem nakreslil SVG kruh, který nebyl správně umístěn. Jediné, co jsem musel udělat, bylo upravit souřadnice.
JPG obrázky mohou být těžké
Pokud chcete, aby váš snímek rostl ve fyzické velikosti, bude také růst ve velikosti souboru. S SVG, libra je stále libra bez ohledu na to, jak velká je to. Náměstí, které je 2 palce široké, bude vážit stejné jako čtverec o šířce 100 palců. Velikost souboru se nemění, což je vynikající z hlediska výkonu stránky!
Takže co je lepší?
Takže co je lepší formát - SVG nebo JPG? Závisí to na samotném obrazu. Je to jako otázka "co je lepší, kladivo nebo šroubovák?" Záleží na tom, co musíte dosáhnout! Totéž platí pro tyto formáty obrázků. Pokud potřebujete zobrazit fotografii, JPG je pro vás nejlepší volbou. Pokud přidáváte ikonu, SVG je pravděpodobně lepší volbou. Další informace o tom, kdy je vhodné použít soubory SVG zde .
Původní článek Jennifer Krynin. Upraveno Jeremy Girard na 6/6/17