Предности на SVG
Додека градите веб-страница и додавате слики на тоа место, еден ако најважните работи што треба да ги одредите е кои формати на датотеки се точни што треба да ги користите. Во зависност од графиката, еден формат може да биде многу подобар од другите.
Многу веб дизајнери се чувствуваат удобно со JPG формат на датотеки, и овој формат е совршен за слики кои имаат длабока длабочина на бои, како што се фотографиите. Додека овој формат, исто така, ќе работи за едноставни графики, како илустрирани икони, не е најдобриот формат да се користи во тој случај. За овие икони, SVG би бил подобар избор. Ајде да погледнеме токму зошто:
SVG е векторска технологија
Ова значи дека не е растерска технологија. Векторските слики се комбинација од линии креирани со помош на математика. Растерските датотеки користат пиксели или мали квадрати на бои. Ова е една од причините што SVG е скалабилна и совршена за реактивни веб-страници кои мора да ги прошират заедно со големината на екранот на уредот. Бидејќи векторска графика постои во светот на математиката, за да ја смените големината, едноставно ги менувате броевите. Растерските датотеки често бараат значително подобрување кога станува збор за големината. Кога сакате да зумирате на векторска слика, нема изобличување бидејќи системот е математички и прелистувачот само ја пресметува таа математика и ги прави линиите непречено како и секогаш. Кога ќе зумирате на растерска слика, ќе го изгубите квалитетот на сликата и датотеката ќе почне да станува нејасна кога ќе почнете да ги гледате тие пиксели во боја. Математиката се проширува и договори, пиксели не. Ако сакате вашите слики да бидат независни, SVG ќе ви ја даде таа способност.
SVG е базирано врз текст
Кога користите уредувач на графики за да создадете слика, програмата зема слика на вашето завршено уметничко дело. SVG работи поинаку. Сеуште можете да користите некои софтверски програми и да се чувствувате како да цртате слика, но конечниот производ е збирка на векторски линии или дури и зборови (кои се навистина само вектори на страницата). Пребарувачите гледаат зборови, конкретно клучни зборови. Ако испратите JPG , се ограничувате на насловот на графиката и можеби на алт текстуалната фраза. Со SVG кодирање, ќе ги проширите можностите и ќе креирате слики кои се повеќе пријателски за пребарување.
SVG е XML и работи во други јазични формати
Ова се враќа на текстуалниот код. Можете да ја направите вашата база на сликата во SVG и да го користите CSS за да ја исчистите. Да, може да имате слика која всушност е SVG датотека, но исто така можете да го корегирате SVG директно на страницата и да ја уредите во иднина. Можете да го промените со CSS на ист начин како ќе го смените текстот на страницата итн. Ова е многу моќно и го прави лесен за уредување.
SVG лесно се уредува
Ова е веројатно најголемата предност. Кога сликате плоштад, тоа е она што е. За да направите промена, треба да ја ресетирате сцената и да направите нова слика. Пред да го знаете, имате 40 слики на плоштади и сеуште немате сосема право. Со SVG, ако направите грешка, променете ги координатите или зборот во текстуален уредувач, а вие сте готови. Можам да се поврзе со ова, бидејќи го навлеков кругот на SVG кој не беше позициониран правилно. Сè што требаше да направам беше да ги прилагодам координатите.
JPG Сликите можат да бидат тешки
Ако сакате вашата слика да расте во физичка големина, таа исто така ќе расте во големината на датотеката. Со SVG, една фунта е сеуште една фунта, без разлика колку е голема што ја правиш. Плоштадот што е широк 2 инчи ќе тежи исто како квадрат кој е широк 100 инчи. Големината на датотеката не се менува, што е одлично од гледна точка на перформансите на страницата!
Значи Кој е подобар?
Па што е подобар формат - SVG или JPG? Тоа зависи од самата слика. Ова е како да прашувате "што е подобро, чекан или шрафцигер?" Тоа зависи од она што треба да го постигнете! Истото важи и за овие формати на слики. Ако треба да се прикаже слика, тогаш JPG е најдобриот избор за вас. Ако додавате икона, тогаш SVG веројатно е подобар избор. Можете да дознаете повеќе за тоа кога е соодветно да користите SVG датотеки овде .
Авторски напис од Џенифер Крајнин. Уредено од Џереми Жирар на 6/6/17