Што е SVG?

Веб-стандардот за бесконечно скалабилна векторска графика

SVG (Scalable Vector Graphics) е XML-базиран формат за векторска графика развиен и одржуван од W3C. За разлика од растерските формати (JPEG, PNG), SVG ги опишува сликите со математички форми, линии и криви — правејќи ги бесконечно скалабилни без никаква загуба на квалитет.

SVG е идеален за логоа, икони, илустрации и дијаграми кои треба да изгледаат остро на секоја резолуција — од мали мобилни екрани до огромни дисплеи со висока густина. Неговата XML природа го прави уредувачки со текстуален уредувач и пребарувачки со пребарувачи.

Современите веб-прелистувачи ги рендерираат SVG датотеките нативно, а SVG целосно ги поддржуваат CSS стиловите и JavaScript интерактивноста. Веб-дизајнерите и развивачите секојдневно го користат SVG за responsive дизајн и анимирани интерфејси.

Технички спецификации

Полно ime Scalable Vector Graphics
Екстензии на датотека .svg, .svgz (компресиран)
MIME тип image/svg+xml
Компресија XML текст (опционален Gzip)
Длабочина на бои Неограничена (векторски)
Транспарентност Поддржана (opacity атрибут)
Анимација Поддржана (SMIL, CSS, JS)
Скалабилност Бесконечна — без загуба на квалитет
Метаподатоци XML метаподатоци, описи, наслови
Година на издавање 1999

Кога да се користи SVG

  • Логоа, икони и графика кои треба да изгледаат остро на секоја резолуција
  • Responsive веб-дизајн каде сликите треба да се приспособуваат на различни екрани
  • Интерактивни и анимирани веб-графики преку CSS или JavaScript
  • Дијаграми, карти и визуелизации на податоци каде прецизноста е критична
  • Иконски комплети и UI елементи кои треба да се стилизираат со CSS

Предности и недостатоци

Предности

  • Бесконечна скалабилност без загуба на квалитет на која и да е резолуција
  • Мали датотеки за едноставна графика и логоа
  • Целосно стилизирање со CSS и интерактивност со JavaScript
  • Пребарувачки и индексирачки — текстот во SVG е достапен на пребарувачите
  • Поддршка за анимации преку SMIL, CSS анимации или JS

Недостатоци

  • Не е погоден за фотографии или слики со сложени детали
  • Датотечните големини можат да бидат многу поголеми за сложени илустрации
  • Потенцијални безбедносни проблеми со вграден JavaScript
  • Рендерирањето малку варира меѓу прелистувачите
  • Бара CSS/XML знаење за напредна манипулација

Компатибилност

SVG е поддржан нативно во сите современи веб-прелистувачи. Програмите за уредување слики (Illustrator, Inkscape, Photoshop) можат да отворат и извезат SVG. Платформите за социјални мрежи честопати бараат растерски формати наместо SVG.

SVG наспроти други формати

SVG наспроти PNG
SVG е векторски (бесконечно скалабилен), PNG е растерски (фиксна резолуција). Изберете SVG за логоа и икони, PNG за фотографии и слики кои не треба да се скалираат.
SVG наспроти ICO
ICO е растерски и наменет за Windows икони. SVG е векторски и идеален за веб-favicons и responsive UI. Современите прелистувачи поддржуваат SVG favicons.
SVG наспроти AI
AI (Adobe Illustrator) е сопственички векторски формат, SVG е отворен стандард. Двата поддржуваат слоеви и векторско рендерирање. Изберете SVG за веб-употреба, AI за Illustrator работни текови.

SVG алатки на My File Tool

Конвертирајте SVG датотеки во JPEG, PNG или WebP. Прва датотека е секогаш бесплатна.

Често поставувани прашања

Дали SVG е подобар од PNG за логоа?
Да, за повеќето случаи. SVG логоата изгледаат остро на секоја резолуција, имаат помали датотеки за едноставна графика и можат да бидат стилизирани со CSS. PNG е подобар кога потребни се сложени детали на пикселно ниво.
Дали можам да го уредувам SVG во текстуален уредувач?
Да, SVG е XML текстуален формат и може да се уредува директно во секој текстуален уредувач. Секоја форма, боја и атрибут е читлив, правејќи го лесен за директна манипулација.
Дали SVG работи во секој прелистувач?
Да, сите современи прелистувачи (Chrome, Firefox, Safari, Edge) го поддржуваат SVG нативно. Поддршката е практично универзална за денешните веб-употреби.
Дали SVG може да анимира?
Да, SVG поддржува анимации преку SMIL (вграден SVG), CSS анимации и JavaScript. Ова го прави идеален за интерактивни иконски системи, анимирани логоа и интерактивни дијаграми.
Дали можам да конвертирам SVG во PNG?
Да, конвертирањето SVG во PNG го растеризира векторот во пиксели. Треба да изберете соодветна резолуција — поголемите резолуции произведуваат поостри PNG слики но поголеми датотеки.

Треба да конвертирате SVG?

Конвертирајте SVG во PNG, JPEG или WebP. Бесплатно, без регистрација.

Конвертирај SVG сега