SVG-ийн давуу тал
Та вэбсайтаа байгуулж, тухайн сайтын зургийг нэмэх үед хамгийн чухал зүйл бол файлын форматууд нь ямар зөв зүйлд ашиглагдахыг хэлнэ. Графикаас хамаарч нэг формат нь бусдаас хамаагүй дээр байж болох юм.
Олон вэб дизайнерууд JPG файлын форматаар тав тухтай байдаг бөгөөд энэ формат нь гэрэл зургууд шиг гүн өнгөний гүнтэй зургууд дээр төгс төгөлдөр юм. Энэ формат нь зурган дүрстэй төстэй энгийн графикуудад ажиллах боловч энэ тохиолдолд ашиглах хамгийн сайн формат биш юм. Эдгээр зургуудын хувьд SVG нь илүү сайн сонголт байх болно. Яагаад ингэж харцгаая:
SVG бол вектор технологи
Энэ нь растер технологи биш юм гэсэн үг юм. Векторын зургууд нь математик ашиглан бүтээсэн мөрүүдийн хослол юм. Растер файлыг пиксел буюу жижиг квадратын өнгө хэрэглэдэг. Энэ нь SVG-ийн өргөтгөсөн бөгөөд нэг нь төхөөрөмжийн дэлгэцийн хэмжээтэй зэрэгцээ байх шаардлагатай вэбсайтуудтай төгс төгөлдөр юм. Математикийн ертөнцөд вектор графикууд байдаг тул хэмжээг өөрчлөхийн тулд тоонуудаа солих хэрэгтэй. Растер файл нь хэмжээг тогтооход ихээхэн чухал засвар хийхийг шаарддаг. Векторын дүрсэн дээр томрохыг хүсч байгаа үед систем нь математикт учир гажуудал гэж байхгүй бөгөөд хөтөч математикийг дахин тооцоолж, шугамыг шугам шиг тэгш болгодог. Та растерийн дүрслэл дээр томроход зургийн чанараа алдаж, өнгөт пикселүүдийг харах үед файл нь бүдгэрч эхэлдэг. Математик өргөжиж, гэрээ хэлцэл байхгүй байна. Хэрэв та өөрийн зургийг хараат бусаар зохицуулахыг хүсч байгаа бол SVG танд энэ чадварыг өгнө.
SVG нь текст дээр суурилсан
Зургийг бүтээхэд зургийг гаргахдаа програм дууссан бүтээлийн зургийг авдаг. SVG өөр өөр ажиллана. Та програмын зарим програмыг ашиглаж болох бөгөөд зураг зурж байгаа мэт сэтгэгдэл төрж болох боловч эцсийн бүтээгдэхүүн нь векторын мөрүүд, тэр ч байтугай үгс (зөвхөн хуудасны векторууд) юм. Хайлтын системүүд үг, ялангуяа түлхүүр үгсийг хардаг. Хэрэв та JPG-г байршуулбал, та графикын гарчиг болон магадгүй өндөр текст өгүүлбэртэй өөрийгөө хязгаарладаг. SVG-ийн кодчилолоор та боломжуудаа өргөжүүлж, хайлтын системийг илүү уян хатан болгох болно.
SVG нь XML хэлний өөр хэл дээр ажиллах боломжтой
Энэ нь текст дээр суурилсан код руу буцдаг. Та өөрийн үндсэн зургийг SVG дээр хийж CSS-ийг ашиглан өнгөлж болно. Тиймээ, та SVG файлыг агуулсан зурагтай байж болох ч, SVG-ийг шууд хуудас руу оруулж ирээдүйд засах боломжтой. Та үүнийг CSS текст хэлбэрээр өөрчилдөгтэй адилаар өөрчилж болно. Энэ нь маш хүчтэй бөгөөд амархан засварлахад хүргэдэг.
SVG хялбар засварласан байна
Энэ нь магадгүй хамгийн том давуу тал юм. Та квадратын зургийг авахдаа энэ нь юу юм. Өөрчлөлт хийхийн тулд та дүрсийг шинэчилж, шинэ зургийг авах хэрэгтэй. Үүнийг мэдэхээс өмнө та квадратын 40 зурагтай бөгөөд энэ нь тийм ч зөв биш байна. SVG-тэй бол, та алдаа гаргасан бол координат эсвэл үсгээр бичдэг текст засварлагчийг өөрчилнө. Би үүнийг зөв байрлуулж чадаагүй SVG тойргийг зурж үзсэн. Миний хийх ёстой зүйл бол координатыг тохируулах явдал байв.
JPG Images Хүнд байж магадгүй
Хэрэв та өөрийн дүр төрхийг физик хэмжээгээр өсгөхийг хүсвэл энэ нь файлын хэмжээгээр өсөх болно. SVG-ийн хувьд фунт нь фунт хэр их хэмжээтэй байсан ч гэсэн фунт хэвээр байна. 2 инч өргөнтэй талбай нь 100 инч өргөнтэй тэнцүү хэмжээтэй байна. Файлын хэмжээ өөрчлөгдөөгүй бөгөөд энэ нь хуудасны гүйцэтгэлийн талбараас маш сайн юм!
Тэгвэл аль нь илүү сайн бэ?
Тэгэхээр SVG эсвэл JPG-ийг илүү сайн хэлбэр гэж юу вэ? Энэ нь зурагнаас хамаардаг. Энэ нь "илүү сайн, алх эсвэл халив гэж юу вэ?" Гэж асуусантай адил юм. Энэ нь таны хийх ёстой зүйлээс шалтгаална! Эдгээр зургийн форматтай адилхан. Хэрэв та зургийг харуулах шаардлагатай бол JPG нь танд хамгийн тохиромжтой сонголт юм. Хэрэв та дүрсийг нэмэж байгаа бол SVG нь илүү сайн сонголт байх болно. Энд SVG файлуудыг ашиглахад тохиромжтой үед та илүү ихийг мэдэж болно .
Женнифер Кэрнин эх нийтлэл. 6/6/17 дээр Жереми Герард засварлав