Вектор ба растер зураг: Дижитал графикийн бүрэн гарын авлага

Вектор ба растер зургуудыг тайлбарлав

Вектор ба растер дүрсийг ойлгоход туслах дэлгэрэнгүй гарын авлага.

12 мин уншсан
Боловсролын гарын авлага
Мэргэжилтнүүдийн зөвлөмжүүд

Растер зургийг ойлгох нь: Дижитал гэрэл зургийн үндэс

Битмап дүрс гэж нэрлэгддэг растер зургууд нь пиксел гэж нэрлэгддэг жижиг квадратуудын сүлжээнээс бүрдэнэ. Пиксел бүр тодорхой өнгөт мэдээллийг агуулдаг бөгөөд эдгээр хэдэн мянга эсвэл сая пикселүүдийг хамтад нь байрлуулахад тэдгээр нь таны дэлгэцэн дээр харагдах бүрэн дүрсийг бүрдүүлдэг. Растер зургийн чанар, нарийвчлал нь түүний нягтралаас бүрэн хамаардаг – нэг инч дэх пикселийн тоо (PPI) эсвэл нэг инч дэх цэгийн тоо (DPI). Нийтлэг растер форматуудад JPEG, PNG, GIF, BMP, TIFF орно. Эдгээр формат нь гэрэл зураг, градиент бүхий нарийн төвөгтэй зураг, нарийн нарийвчлал, өнгөний өөрчлөлтийг шаарддаг урлагийн бүтээлүүдэд тохиромжтой. Дижитал камер, сканнер болон ихэнх зураг засварлах программ хангамжууд нь бодит гэрэл зурагт байдаг нарийн өнгөний өөрчлөлт, нарийн ширийн зүйлийг маш сайн авч чаддаг тул растер зураг дээр ажилладаг. Растер зургийн гол хязгаарлалт нь тэдгээрийн хэмжээг өөрчлөхийг оролдох үед тодорхой болно. Растер дүрсийг анхны нягтралаасаа хэтрүүлэх нь пикселжилтийг бий болгодог – тус тусдаа пикселүүд нь харагдахуйц болж, бөглөрсөн, чанар муутай дүр төрхийг бий болгодог. Учир нь программ хангамж нь шинэ пикселүүд ямар байх ёстойг таах ёстой бөгөөд энэ процессыг интерполяци гэж нэрлэдэг бөгөөд төгс үр дүн гарах нь ховор.

  • Олон өнгө бүхий гэрэл зураг, нарийн төвөгтэй дүрслэлд тохиромжтой
  • Файлын хэмжээ өндөр нягтрал болон зургийн хэмжээсүүд нэмэгдэх тусам нэмэгддэг
  • Анхны хэмжээнээс хэтрээд томруулахад чанар мууддаг
  • Бараг бүх төхөөрөмж, програм хангамжаар дэмжигддэг

Вектор зураг: Математикийн нарийвчлалтайгаар бүтээгдсэн масштабтай графикууд

Вектор зураг нь харааны мэдээллийг хадгалахад огт өөр хандлагыг авч үздэг. Вектор график нь пикселийн оронд дүрс, шугам, муруй, өнгийг тодорхойлохдоо математикийн томъёог ашигладаг. Эдгээр математик тайлбарууд нь компьютерт дүрсийг ямар ч хэмжээгээр хэрхэн зурахыг зааж өгдөг бөгөөд энэ нь вектор графикийг чанар, тод байдлыг алдагдуулахгүйгээр хязгааргүй масштабтай болгож чадна гэсэн үг юм. Алдартай вектор форматууд нь SVG, EPS, AI (Adobe Illustrator), PDF (вектор элементүүдийг агуулсан үед) багтдаг. Вектор зургийг Adobe Illustrator, CorelDRAW гэх мэт зургийн программ хангамж эсвэл Inkscape зэрэг үнэгүй хувилбаруудыг ашиглан бүтээдэг. Тэд лого, дүрс, хэвлэмэл зураг, энгийн чимэглэл, тодорхой хэлбэр, өнгөнөөс бүрдсэн аливаа урлагийн бүтээлийг хадгалахдаа гарамгай байдаг. Вектор графикийн математик шинж чанар нь тэдгээрийг тодорхой төрлийн зураг дээр гайхалтай үр дүнтэй болгодог. Растер форматад хэдэн мянган пиксел шаардагддаг энгийн лого нь вектор форматтай цөөн тооны математикийн тэгшитгэлээр дүрслэгдэх бөгөөд ингэснээр энгийн графикийн файлын хэмжээ хамаагүй бага болно.

  • Чанарын алдагдалгүйгээр хязгааргүй өргөтгөх боломжтой
  • Энгийн графикт зориулсан жижиг файлын хэмжээ
  • Лого, дүрс, чимэглэл хийхэд тохиромжтой
  • Тусдаа элементүүдийг засварлахад хялбар

Чанар ба өргөтгөх чадварын гол ялгаа

Вектор болон растер зургуудын хоорондох хамгийн чухал ялгаа нь масштабыг хэрхэн зохицуулдагт оршдог. Вектор дүрсийг нэрийн хуудасны хэмжээнээс сурталчилгааны самбарын хэмжээ хүртэл томруулж үзэхэд компьютер шинэ хэмжээсийн математикийн томьёог дахин тооцоолдог тул энэ нь төгс тод, тэгш ирмэгийг хадгалдаг. Гэхдээ растер зургууд нь анхны нягтралаасаа их хэмжээгээр томорвол пикселжсэн, бүдэгрдэг. Өнгөний зохицуулалт нь хоёр форматын хооронд эрс ялгаатай. Растер зургууд нь гөлгөр градиент, нарийн шилжилт бүхий сая сая өнгийг харуулахдаа гайхалтай бөгөөд гэрэл зураг авахад төгс төгөлдөр болгодог. Вектор зургууд нь хатуу өнгө, тодорхой дүрс бүхий хамгийн сайн ажилладаг боловч орчин үеийн вектор форматууд нь градиент болон зарим гэрэл зургийн эффектүүдийг зохицуулж чаддаг ч растер форматтай өнгөний нарийн төвөгтэй байдлыг хангаж чадахгүй хэвээр байна. Зургийн нарийн төвөгтэй байдлаас хамааран файлын хэмжээ өөр өөр байдаг. Цөөн өнгө бүхий энгийн график нь векторын хувьд илүү үр дүнтэй байдаг бол олон өнгө, дэлгэрэнгүй мэдээлэл бүхий нарийн төвөгтэй зургууд нь растер файлуудын хувьд ихэвчлэн жижиг байдаг. Энгийн лого нь SVG вектор файлын хувьд 2 КБ хэмжээтэй байж болох ч өндөр чанартай PNG растер файлын хувьд 200 КБ хэмжээтэй байж болно.

Төсөлдөө тохирох форматыг сонгох

Вектор болон растер форматыг сонгох нь таны зургийн агуулга, зориулалтаас хамаарна. Гэрэл зураг, нарийн төвөгтэй бүтэцтэй дижитал урлаг эсвэл камер эсвэл сканнераар авсан аливаа зургийн хувьд растер формат нь таны цорын ганц практик сонголт юм. JPEG нь бага зэрэг шахалт хийх боломжтой гэрэл зургийн хувьд сайн ажилладаг бол PNG нь ил тод байх эсвэл алдагдалгүй шахах шаардлагатай үед илүү тохиромжтой. Вектор формат нь лого, брэндийн график, дүрс, энгийн чимэглэл, олон хэмжээтэй ажиллахад шаардлагатай аливаа урлагийн бүтээлд зориулагдсан болно. Хэрэв та нэрийн хуудас, сурталчилгааны самбар дээр харагдах лого зохион бүтээх гэж байгаа бол вектор формат зайлшгүй шаардлагатай. Үүний нэгэн адил вэб сайт болон програмын дүрс нь янз бүрийн дэлгэцийн нягтрал, хэмжээс дээр тод харагдах ёстой тул вектор форматаас ашиг тустай. Ажлын урсгал болон хамтын ажиллагааны хэрэгцээгээ бас анхаарч үзээрэй. Та тус тусдаа элементийг сонгож, тохируулах боломжтой тул вектор файлуудыг засварлах, өөрчлөхөд хялбар байдаг. Растер зураг нь ихэвчлэн илүү төвөгтэй засварлах арга техник шаарддаг бөгөөд эвдэрч болзошгүй байдаг – давхаргыг тэгшлэх эсвэл нягтралыг багасгах үед энэ мэдээлэл бүрмөсөн алга болно. Мэргэжлийн дизайны ажилд вектор эхийг хадгалах нь ирээдүйд өөрчлөлт оруулах, дахин ашиглах боломжийг олгодог.

Файлын форматыг хөрвүүлэх: Хэзээ, хэрхэн солих вэ

Мэргэжлийн ажлын урсгалд вектор болон растер форматыг хөрвүүлэх нь түгээмэл байдаг ч үр дагаврыг ойлгох нь маш чухал юм. Вектороос растер руу хөрвүүлэх (растержилт) нь энгийн бөгөөд хангалттай нарийвчлалтайгаар хийгдсэн тохиолдолд чанарыг хадгалах болно. Та вэб ашиглах, хэвлэх, эсвэл вектор форматыг дэмждэггүй программ хангамжтай ажиллахдаа векторуудыг растер болгож болно. Растерээс вектор руу хөрвүүлэх (векторжуулах эсвэл мөрдөх) нь илүү төвөгтэй бөгөөд төгс үр дүнд хүрэх нь ховор байдаг. Автомат мөрдөх хэрэгсэл нь энгийн растер зургийг вектор болгон хувиргах боломжтой боловч лого эсвэл зураасан зураг зэрэг өндөр тодосгогч зургуудтай хамгийн сайн ажилладаг. Математикийн томьёо нь өнгөний нарийн өөрчлөлтийг үнэн зөв илэрхийлж чаддаггүй тул гэрэл зураг болон нарийн төвөгтэй зургуудыг векторжуулж чаддаггүй. Форматыг хөрвүүлэхдээ үргэлж хамгийн өндөр чанартай эх сурвалжаас ажиллаж, эцсийн гаралтын шаардлагыг анхаарч үзээрэй. Хэвлэх ажилд растер зургууд хангалттай нягтралтай (ихэвчлэн 300 DPI) байгаа эсэхийг шалгаарай, вэб график нь илүү хурдан ачаалахын тулд бага нягтралтай (72-150 DPI) ашиглах боломжтой.

Хоёр форматтай ажиллах шилдэг туршлага

Амжилттай дижитал төслүүд нь ихэвчлэн вектор болон растер элементүүдийн хамт ажиллахыг шаарддаг. Вэбсайт дизайн нь лого, дүрсэнд вектор график ашиглахын зэрэгцээ үзэмжийг татах үүднээс растер гэрэл зургуудыг багтааж болно. Энэ хоёр төрлийг хэрхэн оновчтой болгох талаар ойлгох нь мэргэжлийн үр дүн, үр дүнтэй ажлын урсгалыг баталгаажуулдаг. Вектор графикийн хувьд давхаргын зөв удирдлага, нэршлийн тогтсон конвенцоор загвараа цэгцтэй байлгаарай. Тохиромжтой өнгөний горимуудыг (дижитал бол RGB, хэвлэх бол CMYK) ашиглаж, засварлах боломжтой эх файлуудыг хадгал. Вектор үүсгэхдээ тэдгээрийг хэрхэн ашиглах талаар бодож үзээрэй – олон зангуу цэг бүхий нарийн төвөгтэй векторууд нь вэб хөтчийг удаашруулж, файлын хэмжээг нэмэгдүүлэх боломжтой. Растер зургийн оновчлол нь файлын хэмжээ болон чанарыг тэнцвэржүүлэхэд чиглэгддэг. Хүргэлтийн аргадаа тохирох шахалтын тохиргоог сонгож, өндөр нарийвчлалтай эх хуулбарын нөөц хуулбарыг хадгалж, өнгөт тохирох профайлыг ашиглана уу. Вэб ашиглахын тулд төхөөрөмжийн чадавхид тулгуурлан өөр өөр нягтаршилд үйлчилдэг responsive зургийн техникийг анхаарч үзээрэй.

Гол арга хэмжээ

Excel-ийн вектор график, өргөтгөх боломжтой

Вектор зураг нь пикселийн оронд математикийн томьёог ашигладаг бөгөөд чанарыг алдагдуулахгүйгээр хязгааргүй масштабтай болгодог.

  • Лого, дүрс, энгийн дүрслэлд тохиромжтой
  • Ямар ч хэмжээтэй хурц ирмэгийг хадгалах
  • Энгийн графикт зориулсан жижиг файлын хэмжээ

Растер зураг нь нарийн төвөгтэй мэдээллийг зохицуулдаг

Пиксел дээр суурилсан растер зургууд нь олон өнгө, градиент бүхий гэрэл зураг, нарийн төвөгтэй урлагийн бүтээлүүдэд тохиромжтой

  • Гэрэл зургийн агуулгаараа давуу
  • Сая сая өнгө, жигд шилжилтийг дэмжинэ
  • Чанар нь нягтрал болон пикселийн нягтралаас хамаарна

Формат сонгох нь төслийн амжилтад нөлөөлдөг

Анхнаасаа зөв форматыг сонгох нь цаг хугацаа хэмнэж, таны хэрэглээний онцлогт тохирсон чанарыг баталгаажуулдаг

  • Эцсийн гаралтын хэмжээ, дундажийг анхаарч үзээрэй
  • Ирээдүйд засварлах, өөрчлөх хэрэгцээг төлөвлө
  • Файлын хэмжээг чанарын шаардлагад нийцүүлнэ

Байнга асуудаг асуултууд

Би зургийг вектор формат руу хөрвүүлж болох уу?

Мөшгих программ хангамжийн тусламжтайгаар техникийн хувьд боломжтой ч нарийн төвөгтэй зургийг вектор формат руу хөрвүүлэх нь хангалттай үр дүнд хүргэх нь ховор. Автомат мөр нь лого эсвэл зураасан зураг зэрэг энгийн, өндөр тодосгогч зураг дээр хамгийн сайн ажилладаг. Гэрэл зураг нь математикийн томъёогоор үр дүнтэй дүрслэхийн тулд хэт их өнгөний өөрчлөлт, нарийн ширийн зүйлийг агуулдаг.

Яагаад вэб сайт дээр вектор зураг заримдаа бүдэг харагддаг вэ?

Вектор зураг нь хөтчийн дүрслэл, зохисгүй масштаб, эсхүл өнгөний эсрэг эффект зэргээс шалтгаалан бүдэг харагдаж болно. Энэ нь ихэвчлэн вектор графикийг бүхэл бус пикселийн утгууд руу хуваах эсвэл хөтчийн дүрслэх систем жигдрүүлэх үед тохиолддог. Зөв харах цонхны тохиргоо болон CSS оновчлолыг ашигласнаар дэлгэцийн ихэнх асуудлыг шийдэж чадна.

DPI ба PPI хоёрын ялгаа юу вэ?

DPI (dots per inch) нь принтерийн нягтралыг хэлдэг бол PPI (pixels per inch) нь дижитал дэлгэцийн нягтралыг илэрхийлдэг. Дэлгэцээр үзэхийн тулд 72-150 PPI нь ихэвчлэн хангалттай байдаг. Хэвлэхийн тулд 300 DPI нь өндөр чанартай гаралтын стандарт юм. Вектор зургууд нь математикийн хувьд тодорхойлогддог тул тогтмол нарийвчлалтай байдаггүй.

Вэб дизайн хийхэд аль формат илүү дээр вэ?

Энэ хоёр формат нь вэб дизайнд өөрийн гэсэн байр суурь эзэлдэг. Лого, дүрс, энгийн графикийн хувьд вектор форматыг (SVG) ашиглан төхөөрөмжөөр масштаблах шаардлагатай. Нарийн төвөгтэй зураг, гэрэл зургийн хувьд растер форматыг (зургийн хувьд JPEG, тунгалаг графикийн хувьд PNG) ашиглаарай. SVG нь мэдрэмжтэй дизайн хийхэд онцгой ач холбогдолтой юм.

Би үнэтэй програм хангамжгүйгээр вектор зургийг засварлаж болох уу?

Тийм ээ, вектор засварлах хэд хэдэн үнэгүй сонголтууд байдаг. Inkscape бол Adobe Illustrator-ийн хүчирхэг, үнэгүй хувилбар юм. Олон онлайн засварлагчид үндсэн вектор засварыг дэмждэг. Гэсэн хэдий ч мэргэжлийн ажлын урсгал нь ихэвчлэн арилжааны програм хангамжид байдаг дэвшилтэт функцуудыг шаарддаг.

Яагаад миний растер зургуудыг хэвлэхдээ пиксельтэй байдаг вэ?

Растер зургууд нь хэвлэх гаралтад хангалттай нарийвчлалгүй байх үед пикселжилт үүсдэг. Вэб зургууд (72 PPI) хэвлэхдээ пиксельтэй харагдана, учир нь принтерүүд илүү өндөр нягтрал шаарддаг (хамгийн багадаа 300 DPI). Хэвлэх төслүүдэд өндөр нарийвчлалтай эх зургийг үргэлж ашиглаарай.

Зураг нь вектор эсвэл растер эсэхийг яаж мэдэх вэ?

Файлын өргөтгөлийг шалгана уу: вектор формат нь SVG, AI, EPS, растер форматад JPEG, PNG, GIF, BMP орно. Та мөн томруулж шалгах боломжтой – растер зургууд нь тус тусдаа пикселийг харуулах эсвэл бүдэгрэх бөгөөд вектор дүрс нь ямар ч томруулдаг түвшинд тод хэвээр байх болно.

Логоны хамгийн сайн формат юу вэ?

Вектор формат (SVG эсвэл AI илүү тохиромжтой) нь логоны хувьд хамгийн тохиромжтой, учир нь тэдгээр нь чанарын алдагдалгүйгээр янз бүрийн хэмжээтэй ажиллах шаардлагатай болдог. Анхны вектор файлыг хадгалж, вектор форматыг дэмждэггүй тодорхой програмуудад шаардлагатай растер хувилбаруудыг (тунгалаг PNG) үүсгээрэй.

Мэдлэгээ практикт хэрэгжүүл

Одоо та ойлголтуудыг ойлгосон бол сурсан зүйлээ хэрэгжүүлэхийн тулд Convertify-г туршиж үзээрэй. Үнэгүй, хязгааргүй хөрвүүлэлт, ямар ч бүртгэл шаардлагагүй.

Scroll to Top