เคยสงสัยไหม ทำไมรูปบางรูปซูมเข้าแล้วบิดเบี้ยว แต่วงบางรูปคงเดิม? ทำไมรูปถ่ายมี image file format ต่างกัน? ทำไมต้องมีหลาย format ไม่ได้แค่ format เดียว?
ถ้าคุณชอบถามคำถาม เรามีคำตอบ หลังอ่านบทความนี้ จะเข้าใจ image formats ยอดนิยมและใหม่ๆ: ใช้ format ไหน ที่ไหน เมื่อไหร่ ทำไม สร้างขึ้นมาเพราะอะไร ข้อดี/ข้อเสีย สิ่งสำคทั้งหมด เริ่มกันเลย!
Format สร้างความต่างในรูปลักษณ์ภาพอย่างไร?
ภาพที่เซฟใน format ต่างๆ อาจดูเหมือนกันตอน preview แต่ ไม่ใช่ความจริง มีความแตกต่างที่ตาไม่เห็น แต่ส่งผลต่อสิ่งที่คุณวางแผนจะทำกับไฟล์ภาพนั้น
แต่ละ format มีวัตถุประสงค์เฉพาะ และทำหน้าที่ดีกว่าอีก format บางอย่าง ต้องเข้าใจว่า ทุก image format ถูกออกแบบและปรับให้สมบูรณ์เพื่อวัตถุประสงค์เฉพาะ บาง format เก็บรายละเอียด บาง format เพิ่มประสิทธิภาพประหยัดพื้นที่ดิสก์ บีบอัดขนาดไฟล์ให้เล็กที่สุด บาง format ใช้เซฟรูปถ่าย บาง format เหมาะสำหรับ vector graphics
เข้าใจเบื้องต้นแล้ว ไปรายละเอียด
Image files ที่พบบ่อย แบ่งได้ 2 ประเภทหลัก: Raster และ Vector
Raster vs Vector
ความต่างหลักระหว่าง raster และ vector ขึ้นอยู่กับ วิธี resize รูปภาพ
Raster images ประกอบด้วย pixels (พิกเซล) พิกเซลคือจุดที่มีข้อมูลสี ซูมเข้า → พิกเซลยืด → คุณภาพลดลง Raster images resolution dependent (ขึ้นอยู่กับความละเอียด) มีขนาดคงที่ ใช้สำหรับรูปถ่าย, digital artwork, graphics สร้าง raster 用 Adobe Photoshop สร้าง/ออกแบบ/แก้ไข/เพิ่มเอฟเฟกต์ง่าย
Vector Photos ประกอบด้วย รูปทรงเรขาคณิตที่นิยามด้วยสมการคณิตศาสตร์ ต่างจาก raster vector images resolution independent (ไม่ขึ้นอยู่กับความละเอียด) ไม่สูญเสียคุณภาพตอนยืด ใช้สำหรับ logo, icons, digital illustrations สร้าง vector 用 Adobe Illustrator
Raster vs Vector
| Raster (Bitmap) | Vector |
| Pixel based (พื้นฐานพิกเซล) | ใช้การคำนวณคณิตศาสตร์สร้างรูปทรง |
| เหมาะสำหรับแก้ไขรูปถ่าย สร้างภาพ continuous tone สีผสมนุ่มนวล | เหมาะสร้าง logo, drawing, illustrations, technical drawings, ภาพใช้บนผลิตภัณฑ์ |
| ภาพมีขนาดคงที่ | ปรับขนาดได้ไม่เสียคุณภาพ |
| ขนาดใหญ่ รายละเอียดมาก = ไฟล์ใหญ่ | Vector ขนาดใหญ่ แต่ไฟล์เล็ก |
| ยากพิมพ์ raster ด้วย spot colors จำกัด | Resolution Independent พิมพ์ขนาด/ความละเอียดไหนก็ได้ |
| Raster ไม่เข้ากันได้กับทุก process | เข้ากันได้กับทุก process ประมาณ vector arts ที่ไม่เข้ากัน rasterize ได้ง่าย |
| แปลงภาพซับซ้อนเป็น vector ใช้เวลานาน | แปลงเป็น raster ง่าย เพิ่ม/ลดสีได้ตามงบพิมพ์ |
| Format ทั่วไป: jpeg, gif, png, tif, bmp, psd, eps, pdfs | Vector format ทั่วไป: ai, cdr, svg, eps, pdfs |
| Tools: Adobe Photoshop, Paint, GIMP | Tools: Adobe Illustrator, CorelDraw, Inkscape (ฟรี) |
| Vector ไม่เหมาะ continuous tone images ที่ผสมสี หรือแก้ไขรูปถ่าย |
ดูเพิ่ม: On-Screen Image (PPI) Vs Print (DPI): รู้ความต่าง
ขนาด Raster Image ที่เหมาะสมสำหรับพิมพ์
ขนาดและคุณภาพภาพ ขึ้นอยู่กับ 2 สิ่ง:
- Pixel dimension ของภาพ
- Pixel resolution: pixels per inch (ppi) = พิกเซลต่อนิ้วที่พิมพ์ต้องการ ppi สูง = resolution สูง
พิมพ์แต่ละตัวต้องการ resolution ต่างกัน ต้องรักษา resolution ให้ถูกต้อง
โดยเฉลี่ย resolution requirement:
- พิมพ์กระดาษ: ต้องการขั้นต่ำ 300 ppi
- พิมพ์เสื้อ: ต้องการขั้นต่ำ 240 ppi
- พิมพ์ใหญ่ (billboard/sign): ขึ้นอยู่กับระยะมอง อาจต่ำถึง 20 ถึง 200+ ppi
Pixel dimension และ resolution ของ raster image ขยายได้ไหม?
Raster image มีพิกเซลจำนวนหนึ่งต่อตารางนิ้ว เช่น 200 ppi = 200 pixels/inch ต้องการ high-res ต้องสร้าง/สแกนที่ขนาดเดียวกันหรือใหญ่กว่าที่จะพิมพ์ เช่น ต้องการพิมพ์ 200 pdi กว้าง 3 นิ้ว ต้องสร้าง/สแกนขั้นต่ำ 600 pixels (3 x 200)
เพื่อไม่ให้ภาพเสียคุณภาพ เพราะแต่ละภาพสร้างที่ dimension ตายตัว การเพิ่มขนาดจะลดคุณภาพ แต่ photo editing software ช่วยแก้ เพิ่มพิกเซลอัตโนมัติตอนแก้ไข รูป low-res ไม่ดึงยืดได้ จะเสียคุณภาพง่าย
คำนวณขนาด raster image สำหรับพิมพ์อย่างไร?
คูณ resolution ที่ต้องการ (ppi) ด้วยพื้นที่ที่จะพิมพ์
ตัวอย่าง: พิมพ์ต้องการ 200 ppi พื้นที่กว้าง 8 นิ้ว → 200 x 8 = 1600 pixels กว้างขั้นต่ำ
คำนวณ dimensions ที่ดีที่สุดสำหรับพิมพ์คุณภาพ?
หาร pixel dimension ของภาพ ด้วย resolution ที่พิมพ์ต้องการ
ตัวอย่าง: ภาพกว้าง 1200 pixels พิมพ์ต้องการ 200 ppi → 1200 ÷ 200 = 6 นิ้ว กว้างที่พิมพ์ได้คุณภาพดี
เข้าใจ basic file formats แล้ว ต้องเข้าใจว่าทำไมแบ่งย่อย และอะไรทำให้มันเป็นอย่างนั้น
Raster images เซฟใน 2 color models หลัก: CMYK และ RGB
CMYK = ผสม 4 สีพิมพ์: Cyan, Magenta, Yellow, Key (Black) ใช้สำหรับพิมพ์จริง
RGB = ผสม 3 สีแสง: Red, Green, Blue ใช้สำหรับ digital media: web, smartphone, film
Image compression คืออะไร ทำไมต้องมี?
Image compression = ลดขนาดไฟล์ เพื่อจัดเก็บข้อมูลมากขึ้น ประหยัดพื้นที่ดิสก์ ลดขนาด bytes โดยไม่สูญเสียคุณภาพภาพ
Raster files ใช้ 2 เทคนิคการบีบอัด ขึ้นอยู่กับการใช้งาน:
- Lossless image format เก็บข้อมูลภาพต้นฉบับ ไม่สูญเสียคุณภาพแม้บีบอัด Format: GIF, PNG, TIFF, SVG
- Lossy image format บีบอัดจนเหมือนต้นฉบับแต่ลดคุณภาพ ลดจำนวนสี หรือลบข้อมูลที่ถือว่าไม่จำเป็น Format: JPEG, TIFF (บีบอัดได้)
สรุป: Lossy files ขนาดเล็ก ใช้เมื่อสำคัญขนาดไฟล์และความเร็วดาวน์โหลด การใช้ raster/vector ขึ้นอยู่กับการใช้งานภาพ ใช้งานต่างกัน format เดียวไม่ครอบคลุม บางครั้งพิมพ์ บางครั้งเน้นประหยัดพื้นที่/ดูออนไลน์ แยก format ต่างกัน
หวังว่าตอนนี้เข้าใจว่าทำไมรูปซูมเข้าแล้วต่างกัน แต่ยังมีคำถาม: ทำไมมี file extensions ต่างกัน และใช้ไหนที่ไหน จะตอบใน Part ถัดไป ตอนนี้ดู comparison chart ด้านล่างได้รายละเอียด extensions ต่างๆ
Part ถัดไป จะให้ข้อมูล hands-on เกี่ยวกับ image file extensions ต่างๆ รอติดตามกันนะ!
