Чаро шумо бояд бо SVG дар вебсайтатон истифода кунед?

Фоидаҳои истифодаи Графикаи Вебсайти Scalable

Графикаи вараққӣ, ё SVG, дар тарҳрезии вебсайт имрӯз нақши муҳимро бозӣ мекунанд. Агар шумо ҳоло SVG-ро дар кори тарҳрезии худ истифода набаред, дар ин ҷо баъзе сабабҳоеро, ки шумо бояд оғоз кунед, ва инчунин бозгашти шумо метавонад барои браузерҳои калонтаре, ки ин файлҳоро дастгирӣ накунанд, истифода барад.

Қарор

Беҳтарин манфиати SVG мустақилона қарор қабул мекунад. Азбаски файлҳои SVG варақаҳои векторро ба ҷои тасвирҳои ракси-асосӣ, ки метавонанд бе ягон маҳдудияти тасвир аз даст дода шаванд. Ин махсусан вақте ки шумо эҷод кардани вебсафҳаҳои ҷавобгӯиро, ки ба назар хуб ва хуб дар доираи васеи миқёсҳои экран ва дастгоҳҳо зарур аст, муфид аст.

Файлҳои SVG метавонанд то андозае тағйирёбандаи андозаи тағйирёбанда ва муҳтавои вебсайтҳои ҷавобии худро васеъ карда шаванд ва шумо набояд дар бораи онҳое, ки графикҳо доранд, аз ҳар гуна қадами роҳ канорагирӣ кунанд.

Андозаи файл

Яке аз мушкилоте, ки бо истифодаи тасвирҳои рasterӣ (JPG, PNG, GIF) дар вебсафҳаҳои ҷавобӣ андозаи файлҳои ин тасвирҳо мебошад. Азбаски тасвирҳои Raster намехоҳанд, ки векторҳое, ки ба он варақа мекунанд, диққат надиҳанд, шумо бояд тасвирҳои пиксҳои худро дар андозаи калонтаре, ки дар онҳо онҳо нишон дода мешаванд, расонанд. Ин сабаби он аст, ки шумо ҳар вақт хурдтар кардани тасвирро беҳтар карда, сифати онро нигоҳ медоред, вале барои тасвирҳои калонтар низ ҳамон тавр нест. Натиҷаи ниҳоӣ ин аст, ки шумо аксар вақт тасвирҳоеро мебинед, ки онҳо дар экрани шахс нишон дода шудаанд, аз ин рӯ, маънои онро дорад, ки онҳо маҷбур мешаванд, ки файлҳои хеле калонтарро бор кунанд.

SVG ин мушкилотро ҳал мекунад. Азбаски графикаи варақа қобили мулоҳиза аст, шумо метавонед андозаи ҳаҷмии хеле хурд дошта бошед, новобаста аз он, ки тасвирҳои калон бояд нишон дода шаванд. Ин ба натиҷаҳои мусбат дар фаъолияти умумӣ ва суръати боргирӣ таъсир мерасонад.

CSS Styling

Рамзи SVG инчунин бевосита ба HTML аз саҳифа илова карда шудааст. Ин ҳамчун "дар SVG" маълум аст. Яке аз манфиатҳо барои истифода дар SVG ин аст, ки аз графикаи аслии браузер дар асоси рамзи худ сурат мегирад, лозим нест, ки дархости HTTP барои гирифтани файли тасодуфӣ вуҷуд надошта бошад. Дигар фоиданок ин аст, ки SVG-ро бо CSS сабт кардан мумкин аст.

Барои иваз кардани ранги SVG icon лозим аст? Ба ҷои он ки лозим шавад, ки ин тасвирро дар баъзе навъи нармафзор ва экспорт таҳрир кунед ва бори дигар файлро кушоед, шумо метавонед фақат SVN-ро бо якчанд сатри CSS тағйир диҳед.

Шумо инчунин метавонед дигар намудҳои CSS-ро дар графикии SVG истифода баред, то ки онҳо ба давлатҳо ё ниёзҳои муайяни лоиҳа тағйир диҳанд. Шумо ҳатто метавонед ин графикҳоро ба якчанд саҳифа ва муошират бо саҳифа илова кунед.

Аниматсияҳо

Азбаски файлҳои SVG метавонанд бо CSS сабт карда шаванд, шумо метавонед animation CSS -ро дар онҳо низ истифода баред. Тағйирёбии CSS ва гузаришҳо ду роҳи осони кушодани баъзеҳо ба файлҳои SVG мебошанд. Шумо метавонед таҷрибаҳои флеш-монополияро дар саҳифа бе сарпарастӣ, ки бо истифодаи Flash дар сайтҳои имрӯза ба даст овардаед, ба даст оред.

Истифодаи SVG

Тавре ки SVG аст, ин графикҳо ҳар формати дигареро, ки шумо дар сайти худ истифода мебаред, иваз карда наметавонед. Суратҳоеро, ки дубора чуқурии чуқурро талаб мекунад, ҳанӯз ҳам бояд JPG ё эҳтимолияти файли PNG дошта бошанд, аммо тасвирҳои оддии монанди симоҳо ба сифати SVG иҷро карда мешаванд.

SVG инчунин метавонад барои сабтҳои бештар мураккаб, ба монанди логотип ё графика ва диаграммаҳо мувофиқ бошад. Ҳамаи графикаҳо аз тақрибан сканер, қобилияти CSS ва дигар афзалиятҳои дар ин модда номбаршударо фароҳам меоранд.

Дастгирии браузерҳои калон

Дастрасии кунунии SVG дар вебсайтҳои муосири муосир хеле хуб аст. Браузерҳо, ки воқеан дастгирӣ барои ин графикӣ надоранд, нусхаҳои қадимии Internet Explorer (Version 8 ва дар поён) ва якчанд варианти калонтарини Android мебошанд. Ҳама, фоизи хеле ками чашмраси сайёр ҳанӯз ин браузерҳоро истифода мебарад ва рақами он низ ба поён мерасанд. Ин маънои онро дорад, ки SVG метавонад дар сомонаҳои имрӯза хеле бехатар истифода бурда шавад.

Агар шумо хоҳед, ки SVG-ро бозмедорад, шумо метавонед як воситаи монанди Grumpicon аз гурӯҳи Филиппин истифода кунед. Ин захираҳо файлҳои SVG-и худро ба даст меоранд ва бозгашти PNG барои браузерҳои кӯҳнаро эҷод мекунанд.

Эҷоди саҳифаҳои Эрмитаж дар 1/27/17