SVG артықшылықтары
Сіз веб-сайтты құрып, сол сайтқа суреттерді қосқанда, ең маңызды нәрселерді анықтау қажет болса, қай файл пішімдері дұрыс пайдаланылатындығымен. Графикаға қарай, бір пішім басқаларға қарағанда әлдеқайда жақсы болуы мүмкін.
Көптеген веб-дизайнерлер JPG файл пішімімен ыңғайлы және бұл пішім суреттер секілді терең түс тереңдігі бар суреттер үшін өте қолайлы. Бұл пішім қарапайым графика үшін, мысалы, суреттелген белгішелер үшін жұмыс істейтін болса да, бұл жағдайда ең жақсы формат қолданылады. Бұл белгішелер үшін SVG жақсы таңдау болар еді. Неліктен неліктен:
SVG Vector технологиясы
Бұл растрлық технология емес екенін білдіреді. Векторлық суреттер - бұл математикадан жасалған сызықтардың комбинациясы. Растрлық файлдар пикселдерді немесе кішкене квадрат түстерді пайдаланады. Бұл 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 файлдарын пайдалану орынды болғанда туралы көбірек біле аласыз .
Дженнифер Крининнің түпнұсқа мақаласы. Jeremy Girard, 6/6/17 жылы өңдеген