SVG файлове.

Какво ще научите.

• Какво представлява SVG файлът?
• История на SVG файла
• За какво се използват SVG файловете?
• Предимства и недостатъци на SVG файловете
• Как да отворите SVG файл
• Как да създадете и редактирате SVG файл
• SVG файлове: често задавани въпроси

Какво представлява SVG файлът?

Scalable Vector Graphics (SVG) е уеб-съвместим формат за векторни файлове. За разлика от базираните на пиксели растерни файлове като JPEG векторните файлове съхраняват изображения чрез математически формули, базирани на точки и линии в мрежа. Това означава, че векторните файлове, като SVG, могат да бъдат значително преоразмерени, без да губят нищо от тяхното качество, което ги прави идеални за лога и сложни онлайн графики.

Не само техните способности за преоразмеряване правят SVG файловете изключително популярни сред уеб дизайнерите. SVG са написани в XML код, което означава, че съхраняват всяка текстова информация като буквален текст, а не като форми. Това позволява на търсачки, като Google, да четат SVG графики за своите ключови думи, което потенциално може да помогне на уеб сайта да се издигне нагоре в резултатите при търсене.

Можете лесно да забележите SVG файл по разширението му .svg.

История на SVG файла.

Историята на SVG файла датира от края на 90-те години на миналия век, когато World Wide Web Consortium (W3C) събира предложения от разработчици за нов тип векторен графичен формат. Представени са шест конкуриращи се предложения, които помагат да се формира това, което в крайна сметка се превръща в SVG формат на W3C.

Отнема известно време преди SVG файловете да натрупат популярност. До 2017 г. поддръжката им е сравнително малка, но тогава хората започват да виждат ползите от използването на SVG в съвременните уеб браузъри. SVG файловете вече се използват широко за 2D изображения в уеб сайтове, тъй като повечето браузъри и приложения за чертане за векторни файлове могат лесно да работят с тях.

Предимства и недостатъци на SVG файловете.

Струва си да проучите предимствата и недостатъците на SVG, преди да запазите изображенията си в този файлов формат.

Предимства на SVG файловете.

• За разлика от растерните файлове, които са съставени от пиксели, векторните графики като SVG винаги поддържат своята разделителна способност – без значение колко големи или малки ги правите. Не е необходимо да се притеснявате, че SVG изображенията ще загубят качеството си в определени браузъри или когато ги преоразмерявате, за да се показват на различни места.
• Основните SVG файлове често са по-малки от растерните изображения, които са изградени от много цветни пиксели, вместо да използват математически алгоритми.
• Тъй като SVG файловете третират текста като текст (а не като дизайн), екранните четци могат да сканират всякакви думи, съдържащи се в SVG изображения. Това е много полезно за хора, които се нуждаят от помощ при четене на уеб страници. Търсачките могат също така да четат и индексират текст на SVG изображение.

Недостатъци на SVG файловете.

• SVG файловете вършат чудесна работа за уеб графики като лога, илюстрации и диаграми. Но липсата на пиксели затруднява показването на висококачествени цифрови снимки. JPEG файловете обикновено са по-добри за показване на подробни снимки.
• Само съвременните браузъри могат да поддържат SVG изображения. Може да ви е трудно да използвате SVG файлове с Internet Explorer 8 и други по-стари браузъри.
• Кодът, съдържащ се в SVG изображенията, може да бъде труден за разбиране, ако сте нов в този файлов формат.

Как да отворите SVG файл.

От Chrome и Edge до Safari и Firefox в наши дни всички основни браузъри ви позволяват да отваряте SVG файлове – независимо дали сте с Mac, или Windows. Просто стартирайте браузъра си и щракнете върху File (Файл)

Отворете, за да изберете файла, който искате да видите. След това той ще се покаже във вашия браузър.

Отварянето на SVG изображение с вградена програма на вашия компютър е също толкова лесно. Щракнете двукратно върху името на файла и ще получите списък с програми, които могат да го отворят или ще се отвори автоматично в съвместима програма.

Как да създадете и редактирате SVG файл.

Следвайте тези стъпки, когато използвате Adobe Photoshop:

1. След като създадете изображение във Photoshop, щракнете върху File (Файл) > Export (Експортиране) > Export As (Експортиране като).
2. Щракнете върху падащото меню Format (Формат) в полето, което се показва, и след това изберете SVG.
3. Изберете Export All (Експортиране на всички) и запазете файла.

Полезен съвет: тъй като Photoshop е растерен графичен редактор, много хора предпочитат да създават и редактират SVG файлове в Adobe Illustrator, векторен графичен редактор.