Scalable Vector Graphics (SVG) е уеб-съвместим формат за векторни файлове. За разлика от базираните на пиксели растерни файлове като JPEG векторните файлове съхраняват изображения чрез математически формули, базирани на точки и линии в мрежа. Това означава, че векторните файлове като SVG могат да бъдат значително преоразмерени, без да губят нищо от тяхното качество, което ги прави идеални за лога и сложни онлайн графики.
Не само техните способности за преоразмеряване правят SVG файловете изключително популярни сред уеб дизайнерите. SVG са написани в XML код, което означава, че съхраняват всяка текстова информация като буквален текст, а не като форми. Това позволява на търсачки, като Google, да четат SVG графики за своите ключови думи, което потенциално може да помогне на уеб сайта да се издигне нагоре в резултатите при търсене.
Можете лесно да забележите SVG файл по разширението му .svg.
Мащабируемата векторна графика измина дълъг път през последните години – но за какво се използват SVG файловете на практика?
Икони на уеб сайтове и лога.
Дизайнерите често използват SVG файлове за показване на икони на уеб сайтове като бутони, както и за фирмени лога. Способността на този тип файл да се увеличава или намалява, без изобщо да се компрометира качеството му, означава, че е идеален за графики, които трябва да се показват на множество места и в различни размери.
Инфографики и илюстрации.
Благодарение на използването на XML в SVG файловете търсачките като Google могат да четат диаграми и графики с тежък текст, което може да помогне при оптимизирането на търсачките. Тъй като Google може да открие ключови думи в рамките на SVG, той потенциално може да изкачи уеб страница до по-висок ранг в резултатите от търсенето. Освен това, за да направят уеб страниците много по-интересни, SVG поддържат и анимация.
Вижте още векторни файлове
SVG файловият формат не е предвиден само за статични изображения. Ще откриете редица онлайн инструменти, които ще ви помогнат да въведете движещи се елементи във вашата уеб графика. SVG анимациите могат да включват относително базови елементи, като функция на плъзгач за придвижване между различни слайдове в инфографика. Илюстрациите също могат да се задвижат, като например движещи се стрелки върху циферблат на часовник.
Най-лесният начин да различите SVG файл е като проверите кода за разширение. SVG файл ще е посочен като .svg файл. Можете също да разпознаете дали SVG файлове са векторни изображения, като ги увеличите до 200% или повече на екрана на компютъра. Векторното изображение ще запази своите чисти линии и плътни цветове, вместо да стане пикселизирано или замъглено.
Въпреки че SVG изображенията се използват главно в мрежата, те имат живот и извън онлайн света. Например тъй като не се изкривяват при преоразмеряване спрямо оригиналните размери, SVG файловете са полезни като шаблони за печат върху дрехи, като например тениски. JPEG файл, съставен от много пиксели, няма да се прехвърли толкова чисто.
Размерът на SVG файл зависи от това колко данни за изображението съдържа – но обикновено е по-малък от повечето други типове файлове. Сложните графики с много пътища и опорни точки ще заемат повече място за съхранение, отколкото по-простите и по-чисти дизайни. Опитайте се да сведете до минимум броя на сложните инструкции, съдържащи се във вашия файл.
Накратко, SVG са векторни файлове, докато PNG са растерни файлове. Ако разтегнете PNG файл твърде много или го направите твърде малък, той става размазан и пикселиран. SVG файловете не съдържат пиксели, така че не губят разделителна способност. Освен това PNG файловете не поддържат анимация.
