SVG чист?
Стандарти веб барои графикаи вектории бемаҳдуди миқёспазир
SVG, ё Scalable Vector Graphics, форматести тасвири векторӣ мабтани XML аст, ки аз ҷониби W3C таҳия шуда ва соли 2001 аввалин маротиба интишор ёфтааст. Баръакси форматҳои растрӣ, ки сеткаи пикселҳоро нигоҳ медоранд, SVG тасвирҳоро бо шаклҳои математикӣ, масирҳо ва матн тавсиф мекунад. Ин маънои он аст, ки графикаи SVG метавонад бе гум кардани тезӣ ё возеҳӣ ба ҳар андоза миқёс карда шавад.
Азбаски файлҳои SVG бо XML-и хонданашавандаи инсон навишта мешаванд, онҳоро бо ҳар муҳаррири матн сохтан ва таҳрир кардан мумкин аст. Онҳо ба таври бедардӣ бо технологияҳои веб ба монанди HTML, CSS ва JavaScript якҷо мешаванд. Тарроҳон метавонанд унсурҳои SVG-ро бо CSS услуб кунанд, бо JavaScript оламат кунанд ва онҳоро пурра интерактивӣ созанд.
SVG барои тарроҳии муосири веб ҳатмӣ шудааст. Логоҳо, нишонаҳо, тасвирҳо, диаграммаҳо ва инфографика дар SVG дар ҳар андозаи экран ва қарорпазирӣ айнан тез намоиш дода мешаванд — аз смартфонҳо то намоишгарҳои retina-и ба зичии баланд.
Хусусиятҳои техникӣ
| Номи пурра | Scalable Vector Graphics |
| Тамдидҳои файл | .svg |
| Навъи MIME | image/svg+xml |
| Фишурдасозӣ | Vector (XML text, compressible with gzip as .svgz) |
| Чуқурии ранг | Бемаҳдуд (тавассути арзишҳои рангии CSS/XML) |
| Шаффофӣ | Бале |
| Аниматсия | Бале (SMIL ва аниматсияҳои CSS) |
| Ҳадди андоза | Маҳдудияти пиксел нест (вектори мустақил аз қарорпазирӣ) |
| Методата | Методатаи XML-и дохилшуда, унсурҳои title ва description |
| Соли интишор | 2001 |
Кай SVG истифода бурдан лозим аст
- Логоҳо ва аломатҳои брендӣ, ки бояд дар ҳар андоза тез намоиш дода шаванд
- Системаҳои нишонаҳо барои сайтҳо ва барномаҳо
- Тасвирсозии маълумот, диаграммаҳо ва инфографикаи интерактивӣ
- Тасвирҳо ва расмҳои хатӣ бо шаклҳои геометрии соф
- Графикаи веби аниматсионие, ки бояд сабуквазн ва миқёспазир бошад
Афзалиятҳо ва камбудиҳо
Афзалиятҳо
- Миқёспазирии бемаҳдуд бе аз даст додани сифат дар ҳар қарорпазирӣ
- Ҳаҷмҳои файли хеле хурд барои графика нисбат ба тасвирҳои растрии баробар
- Бо муҳаррирони матн, CSS ва JavaScript пурра таҳрирпазир аст
- Дастгирии табиӣ дар ҳамаи браузерҳои муосири веб бе плагинҳо
- Барои хонандагони экран дастрас аст ва матни дохилшударо барои SEO дастгирӣ мекунад
Камбудиҳо
- Барои тасвирҳои акснигории мураккаб бо миллионҳо тағйири ранг мувофиқ нест
- Метавонад барои тасвирҳои хеле мушаххас хеле калон ва суст тасвир карда шавад
- Нигарониҳои амниятӣ ҳангоми дарҷи SVG аз сарчашмаҳои беэтимод бо сабаби скриптҳои дохилӣ
- Муштариёни қадимии имейл ва баъзе барномаҳо дастгирии маҳдуд ё нулли SVG доранд
- Барои сохтан аз нав малакаи тарроҳии векторӣ ё нармафзор лозим аст
Мутобиқат
SVG аз ҷониби ҳамаи браузерҳои муосири веб аз ҷумла Chrome, Firefox, Safari ва Edge бо таври табиӣ дастгирӣ мешавад. Муҳаррирони векторӣ ба монанди Adobe Illustrator, Inkscape ва Figma файлҳои SVG-ро месозанд ва таҳрир мекунанд. Баъзе муштариёни қадимии имейл ва барномаҳои офис дастгирии маҳдуд доранд.
SVG дар муқоиса бо форматҳои дигар
- SVG дар муқоиса бо PNG
- PNG формати растрӣ бо қарорпазирии собит аст, ки ҳангоми калон шудан торик мешавад. SVG дар ҳар андоза айнан тез боқӣ мемонад. SVG-ро барои логоҳо, нишонаҳо ва графика истифода баред. PNG-ро барои аксҳо, скриншотҳо ва тасвирҳои мураккабе, ки ҳамчун векторҳо намоиш дода намешаванд, истифода баред.
- SVG дар муқоиса бо WebP
- WebP формати растрии муосир аст, ки барои аксҳои веб бо фишурдасозии аъло оптимал шудааст. SVG формати векторӣ аст, ки барои графика, нишонаҳо ва тасвирҳо идеал аст. Онҳо мақсадҳои пурра гуногунро хизмат мекунанд ва аксар вақт дар ҳамон сайт барои намудҳои гуногуни мундариҷа якҷо истифода мешаванд.
- SVG дар муқоиса бо EPS
- EPS формати векторӣи қадимтар аст, ки пеш аз ҳама дар рӯйкордҳои чоп истифода мешавад. SVG барои веб бо дастгирии табиии браузер ва услубдиҳии CSS тарроҳӣ шудааст. EPS нармафзори мутахассис барои намоиш талаб мекунад, дар ҳоле ки SVG дар ҳар браузер кушода мешавад. SVG асосан EPS-ро барои истифодаи рақамӣ иваз кардааст.
Асбобҳои SVG дар My File Tool
Файлҳои SVG-ро ба форматҳои растрӣ ба монанди PNG, JPEG ё WebP барои мутобиқати ҳамаҷониба табдил диҳед. Насби нармафзор лозим нест. Файли аввал ҳамеша ройгон.
Саволҳои маъмул
- Оё метавонам SVG-ро барои аксҳо истифода барам?
- SVG барои аксҳо тарроҳӣ нашудааст. Аксҳо миллионҳо тағйири ранг доранд, ки файли SVG-ро азим ва суст мекунанд. JPEG ё WebP-ро барои аксҳо истифода баред ва SVG-ро барои графика, логоҳо ва тасвирҳо нигоҳ доред.
- Оё SVG барои сайтҳо бехатар аст?
- SVG умуман бехатар аст, аммо файлҳо аз сарчашмаҳои беэтимод метавонанд скриптҳои зараровар дошта бошанд. Пеш аз дарҷ кардан дар сайтатон ҳамеша файлҳои SVG-ро покизасозӣ кунед. Истифодаи SVG ҳамчун сарчашмаи тасвир тавассути теги img ба таври худкор иҷрои скриптро пешгирӣ мекунад.
- Чаро SVG-и ман торик менамояд?
- SVG ҳеҷ гоҳ набояд торик намояд, зеро он векторист. Агар торик намояд, санҷед ки CSS filter-ро татбиқ намекунед, атрибути viewBox дуруст танзим шудааст ва файл воқеан тасвири растрие нест, ки бо тамдиди SVG номгузорӣ шудааст.
- Оё метавонам графикаи SVG-ро аниматсия кунам?
- Бале, SVG аниматсияро тавассути SMIL, аниматсияҳои CSS ва китобхонаҳои JavaScript ба монанди GSAP ва Anime.js дастгирӣ мекунад. Шумо метавонед масирҳо, рангҳо, трансформатсияҳо ва апакиро аниматсия кунед.
- Чӣ тавр SVG-ро ба тасвири растрӣ табдил диҳам?
- Файли SVG-ро ба My File Tool боркунӣ кунед ва PNG-ро барои дастгирии шаффофӣ ё JPEG-ро барои ҳаҷмҳои хурдтари файл интихоб кунед. Табдилгар графикаи вектории шуморо бо қарорпазирии баланд барои хурӯҷи тези растрӣ тасвир мекунад.
Дигар роҳнамоҳои формат
Ба табдили SVG ниёз доред?
Файлҳои SVG-ро ба PNG, JPEG ё WebP барои мутобиқати ҳамаҷониба дар ҳамаи платформаҳо ва барномаҳо табдил диҳед.
SVG-ро ҳозир табдил диҳед