перавагі SVG
Як вы будуеце з вэб-сайта і дадаць выявы да гэтага сайту, адзін, калі самыя важныя рэчы, якія вы павінны вызначыць, з'яўляецца, якія фарматы файлаў з'яўляюцца правільнымі, каб выкарыстаць. У залежнасці ад графіка, адзін фармат можа быць нашмат лепш, чым іншыя.
Многія вэб-дызайнеры знаёмыя з фарматам JPG файлаў, і гэты фармат ідэальна падыходзіць для малюнкаў, якія маюць вялікую глыбіню колеру, як фатаграфіі. Хоць гэты фармат таксама будзе працаваць для простай графікі, як ілюстраваныя абразкі, гэта не самы лепшы фармат для выкарыстання ў гэтым выпадку. Для гэтых значкоў, SVG будзе лепшым выбарам. Давайце паглядзім на чаму менавіта:
SVG ВЕКТАР тэхналогіі
Гэта азначае, што не растр тэхналогіі. Вектарныя выявы ўяўляюць сабой спалучэнне ліній створана пры дапамозе матэматыкі. Растравыя файлы выкарыстоўваюць пікселі або маленькія квадрацікі колеру. Гэта адна з прычын, што SVG з'яўляецца маштабуюцца і ідэальна падыходзіць для адчувальных сайтаў, якія павінны маштабавацца разам з памерам экрана для прылады. Паколькі вектарная графіка існуе ў свеце матэматыкі, каб змяніць памер, вы проста змяніць нумары. Растравыя файлы часта патрабуюць значнага капітальнага рамонту, калі справа даходзіць да каліброўкі. Калі вы хочаце, каб павялічыць на вектарнае малюнку няма скажэнняў, так як сістэма з'яўляецца матэматычнай і браўзэр проста пералічвае, што матэматыку і робіць лініі так гладка, як ніколі. Пры павелічэнні растравага малюнка, вы губляеце якасць малюнка і файл пачынае станавіцца недакладным, як вы пачынаеце бачыць гэтыя пікселі колеру. Матэматыка пашыраецца і сціскаецца, пікселі не робяць. Калі вы хочаце, каб вашыя выявы будуць залежаць ад дазволу, SVG дасць вам гэтую магчымасць.
SVG з'яўляецца тэкставым
Пры выкарыстанні графічнага рэдактара для стварэння малюнка, праграма робіць здымкі запоўненай мастацтва. SVG працуе па-іншаму. Вы ўсё яшчэ можаце выкарыстоўваць некаторыя праграмы і адчуваць, як вы малюеце карціну, але канчатковы прадукт уяўляе сабой набор вектарных ліній або нават слоў (якія на самай справе проста вектары ONB старонкі). Пошукавыя сістэмы глядзяць на словы, у прыватнасці, ключавыя словы. Калі загрузіць JPG , вы абмяжоўваеце сябе ў назве вашага графіка і , магчыма, альт тэкст фразы. З кадаваннем SVG, вы пашырыць магчымасці і ствараць выявы, якія з'яўляюцца больш дружалюбнымі для пошукавых сістэм.
SVG З'яўляецца XML і працуе ў рамках іншых фарматаў мовы
Гэта ўзыходзіць да тэксту на аснове кода. Вы можаце зрабіць свой базавы вобраз у SVG і выкарыстоўваць CSS , каб папаліраваць. Так, вы можаце мець малюнак, якое на самай справе файл SVG, але вы таксама можаце кадзіраваць SVG непасрэдна ў старонку і рэдагаваць яе ў будучыні. Вы можаце змяніць яго з дапамогай CSS гэтак жа, як вы б змяніць тэкст старонкі і г.д. Гэта вельмі магутны і гэта робіць для зручнага рэдагавання.
SVG лёгка рэдагуецца
Гэта, верагодна, самая вялікая перавага. Калі вы бераце карціну квадрата, гэта тое, што яна ёсць. Каб унесці змены, вы павінны скінуць сцэну і прыняць новую карціну. Перш чым вы гэта ведаеце, у вас ёсць 40 малюнкаў квадратаў і да гэтага часу не зусім правільныя. З SVG, калі вы зробіце памылку, змяніць каардынаты або слова ў тэкставым рэдактары, і вы зрабілі. Я магу ставіцца да гэтага , таму што я намаляваў SVG круг , які не быў у правільным становішчы. Усё, што я павінен быў зрабіць рэгулявання каардынаты.
JPG выявы могуць быць цяжкімі
Калі вы хочаце, каб ваша выява расці ў фізічным памеры, ён таксама будзе расці ў памеры файла. З SVG, фунт да гэтага часу фунт, незалежна ад таго, наколькі вялікая вы зробіце гэта. Квадрат, які складае 2 цалі у шырыню будзе важыць гэтак жа, як квадрат, які складае 100 цаляў у шырыню. Памер файла не змяняецца, што з'яўляецца выдатным з пункту гледжання прадукцыйнасці старонкі!
Так што лепш?
Так што гэта лепшы фармат - SVG або JPG? Гэта залежыць ад самога малюнка. Гэта як пытацца "што лепш, малаток або адвёртку?» Гэта залежыць ад таго, што вам трэба выканаць! Тое ж самае дакладна і для гэтых фарматаў. Калі неабходна адлюстраваць фатаграфію, а затым JPG з'яўляецца лепшым выбарам для вас. Калі вы дадаеце абразок, то SVG, верагодна, лепшы выбар. Вы можаце даведацца больш пра калі дарэчы выкарыстоўваць SVG - файлы тут .
Арыгінал артыкула Джэніфер Krynin. Пад рэдакцыяй Джэрэмі Girard на 6/6/17