Што е 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 слики но поголеми датотеки.
Other format guides
Треба да конвертирате SVG?
Конвертирајте SVG во PNG, JPEG или WebP. Бесплатно, без регистрација.
Конвертирај SVG сега