Зашто користити СВГ датотеке уместо ЈПГ

Предности СВГ

Док израдите веб страницу и додате слике на тој веб локацији, један од најважнијих ствари које морате одредити је који су формати датотека тачни за кориштење. У зависности од графике, један формат може бити много бољи од других.

Многи веб дизајнери су угодни за ЈПГ формат датотеке, а овај формат је савршен за слике које имају дубоку дубину боје, као што су фотографије. Иако би овај формат функционисао и за једноставну графику, као илустриране иконе, није најбољи формат који се користи у том случају. За оне иконе, СВГ би био бољи избор. Хајде да погледамо тачно зашто:

СВГ је векторска технологија

То значи да није растер технологија. Векторске слике су комбинација линија креираних помоћу математике. Растер датотеке користе пикселе или ситне квадрате боје. Ово је један од разлога због којих је СВГ скалабилан и савршен за одговарајуће веб странице које морају да скали заједно са величином екрана уређаја. Пошто векторска графика постоји у свету математике, да бисте променили величину, једноставно промените бројеве. Растер датотеке често захтевају значајан ремонт када је реч о величини. Када желите да увећате векторску слику, не постоји изобличење, јер је систем математички и претраживач једноставно поново израчунава математику и чини линије глатким као и увек. Када зумирате на растерској слици, изгубите квалитет слике и датотека почиње да буде нејасна док почнете да видите те боје пиксела. Математика се шири и уговара, пиксели не. Ако желите да ваше слике буду независне, СВГ ће Вам пружити ту могућност.

СВГ је заснован на тексту

Када користите графички едитор да бисте направили слику, програм снима слику вашег завршеног уметничког дела. СВГ ради другачије. И даље можете да користите неке софтверске програме и осећате се као да цртате слику, али коначни производ је колекција векторских линија или чак речи (што су заправо само вектори на страници). Претраживачи гледају речи, посебно кључне речи. Ако постављате ЈПГ , ограничавате се на наслов ваше графике и можда алт текстуалну фразу. Са СВГ кодирањем проширите могућности и креирате слике које су више за претраживаче.

СВГ је КСМЛ и ради унутар других формата језика

Ово се враћа на текстуални код. Можете направити своју основну слику у СВГ-у и користити ЦСС за полирање. Да, можете имати слику која је заправо СВГ датотека, али такођер можете кодирати СВГ директно на страницу и уредити га у будућности. Можете га промијенити ЦСС-ом на исти начин на који бисте изменили текст странице итд. Ово је веома моћно и омогућава једноставно уређивање.

СВГ је једноставно уређен

Ово је вероватно највећа предност. Када сликате квадрат, то је оно што јесте. Да бисте направили промену, морате ресетовати сцену и направити нову слику. Пре него што то знате, имате 40 слика квадрата и још увек немате право. Са СВГ-ом, ако направите грешку, промените координате или реч у текстуалном едитору, а ви сте завршили. Могу се односити на то јер сам нацртао СВГ круг који није био правилно позициониран. Све што сам морао урадити је да прилагодим координате.

Слике могу бити јаке

Ако желите да ваша слика порасте у физичкој величини, она ће такође порасти у величини датотеке. Са СВГ-ом, фунта је и даље функција без обзира колико је велика. Квадрат који је широк 2 инча ће тежити истом као квадрат који је широк 100 инча. Величина датотеке се не мења, што је одлично са становишта перформанси странице!

Па која је боље?

Дакле, који је бољи формат - СВГ или ЈПГ? То зависи од саме слике. То је као да питате "шта је боље, чекић или одвијач?" Зависи од онога што морате да постигнете! Исто важи и за ове формате слика. Ако желите приказати фотографију, онда је ЈПГ најбољи избор за вас. Ако додате икону, онда је СВГ вјероватно бољи избор. Можете сазнати више о томе када је прикладно користити СВГ датотеке овдје .

Оригинални чланак Јеннифер Кринин. Уредио Јереми Гирард 6/6/17