ภาพกราฟิกที่เหมาะสำหรับทำเว็บเพจมีกี่ชนิดอะไรบ้าง

ในวงการกราฟิก หรือชาว Content Creator ที่ต้องทำงานด้านกราฟิกเป็นประจำ สิ่งที่ชวนสับสนทั้งคนนอกและคนในวงการก็คือชนิดของไฟล์ภาพต่างๆ ที่มีมากมาย ซึ่งแต่และไฟล์ก็มีความเก่งรวมถึงประโยชน์การใช้งานที่แตกต่างกันออกไป

ภาพกราฟิกที่เหมาะสำหรับทำเว็บเพจมีกี่ชนิดอะไรบ้าง

  • JPG (Joint Photographic Experts Group) ภาพบีบอัดความละเอียดสูง มีขนาดไฟล์ที่เล็ก โหลดไว ใช้งานได้หลากหลาย
  • PNG (Portable Network Graphics) ภาพบีบอัดความละเอียดสูง คุณภาพของภาพไม่ตก มีขนาดที่ใหญ่กว่า JPG
  • GIF ( Graphics Interchange Format) ภาพที่มีความโปร่งใส เคลื่อนไหวเป็นเฟรมๆ ได้ แสดงสีได้ 256 สีเท่านั้น
  • PDF (Portable Document Format ) ไฟล์ภาพที่เป็นเอกสาร ใช้ในงาน E-Book รวมถึง Presentation
  • PSD (Photoshop Document) ไฟล์กราฟิกที่แก้ไขได้ ใน Adobe Photoshop อาจมีขนาดที่ใหญ่มาก
  • AI (Adobe Illustrator) ไฟล์กราฟิก Vector โดย Adobe Illustrator ย่อ/ขยายโดยไม่แตกได้
  • EPS (Encapsulated PostScript) ไฟล์ Vector สำหรับสิ่งพิมพ์ มีความละเอียดสูงมาก ใช้ใน Adobe Illustrator ได้
  • TIFF (Tagged Image File Format) ไฟล์ภาพขนาดใหญ่ มีความละเอียดสูงสุด เหมาะกับงานสิ่งพิมพ์

Facebook

Twitter

Line

zealotzephyr

เกิดอาการเธอหมูกรอบฉัน ฉันหมูกรอบเธอ และสองเราก็หมูกรอบตัวเอง

PNG (.png)   เป็นไฟล์ที่เหมาะสำหรับใช้ในเว็บไซต์ สามารถบีบอัดขนาดไฟล์ลงได้พอสมควร โดยที่ยังรักษาคุณภาพของภาพเอาไว้ได้ และที่สำคัญสามารถเลือกระดับสีใช้งานได้ถึง 16 ล้านสี มีการคาดกันว่าจะมาแทนที่ไฟล์ GIF
ในการทำงานกราฟิก การทราบชนิดภาพและประเภทไฟล์ในงานกราฟิกเป็นสิ่งสำคัญ เพราะจะช่วยให้เราได้งานและอาร์ตเวิร์คตามที่ต้องการ เพื่อใช้ในงานโฆษณาต่างๆ ได้อย่างถูกต้องและเหมาะสม ไม่ว่าจะเป็นชนิดภาพ ประเภทไฟล์ ความละเอียดของภาพ โหมดสีในงาน สิ่งเหล่านี้เป็นองค์ประกอบพื้นฐานที่กราฟิกดีไซน์ต้องมีความรู้

ชนิดภาพกราฟิก Bitmap&Vector

ภาพที่ใช้ในการทำงานกราฟิก จัดอาร์ตเวิร์ค หรือจัดเลย์เอาท์ จะมีอยู่ 2 แบบคือ ภาพแบบ Bitmap และภาพแบบ Vector

ภาพกราฟิกที่เหมาะสำหรับทำเว็บเพจมีกี่ชนิดอะไรบ้าง
ภาพกราฟิกที่เหมาะสำหรับทำเว็บเพจมีกี่ชนิดอะไรบ้าง

Bitmap

คือภาพที่เกิดจากจุดสีสี่เหลี่ยมเล็กๆ มีสีสันต่างๆ ที่เรียกว่า จุดพิเซล(pixel) มาเรียงต่อกันจนเกิดเป็นรูปภาพ ตัวอย่างของภาพชนิดนี้ก็คือ รูปภาพที่เราเห็นโดยทั่วไป เช่นภาพถ่าย และภาพที่เราเห็นใน Internet ข้อดีของภาพแบบBitmap คือสามารถเปิดดูได้ง่าย ไม่ต้องใช้โปรแกรมเฉพาะ ข้อเสียคือขยายขนาดใหญ่มากๆ เกินความละเอียดภาพที่กำหนดไว้ไม่ได้เพราะจะทำให้ภาพแตก เห็นเป็นตารางPixel ทันที ดังนั้นหากต้องการใช้เป็นขนาดใหญ่ ต้องกำหนดความละเอียดไว้สูงๆ ตั้งแต่ต้นทาง นั้นก็จะทำให้ขนาดไฟล์ภาพใหญ่ขึ้นตามไปด้วย ไฟล์ตระกูลรูปภาพ เช่น JPG, BMP, TIFF หรือ PNG

Vector

คือภาพที่เกิดจากสูตรคำนวณทางคณิตศาสตร์ ส่วนใหญ่จะเป็นภาพวาดลายเส้น เช่นภาพวาดจากโปรแกรม Illustrator ไฟล์ Vector จะเรียกว่าเป็นไฟล์ดิบ ข้อดีของไฟล์ภาพชนิดนี้คือ สามารถย่อ-ขยาดภาพได้โดยไม่เสียรายละเอียด คือไม่แตกนั่นเอง จนกว่าจะนำไปแปลงเป็นไฟล์ Bitmap เพื่อเปลี่ยนรูปภาพแล้วนำไปใช้งาน ข้อเสียคือ ต้องใช้โปรแกรมเฉพาะในการเปิดไฟล์ เช่นไฟล์ Ai จะต้องเปิดกับโปรแกรม Illustrator เท่านั้น

 

กำหนดความละเอียดของภาพ (Resolution)

ในส่วนของภาพ Bitmap การกำหนด่าความละเอียดของภาพก็เป็นสิ่งสำคัญ เพราะจะทำให้ชิ้นงานได้ผลลัพธ์ออกมาดี ภาพนำไปใช้งานไม่แตกเบลอ เหมาะสมกับลักษณะของงานที่จะนำไปใช้ โดยแต่ละลักษณะงานมีการกำหนดค่าความละเอียดภาพดังนี้

  • ค่าความละเอียด 72 Pixel/Inch : สำหรับการแสดงบนจอคอมพิวเตอร์ เช่น ภาพโฆษณาบนสื่อโซเซียลมีเดีย ภาพงานบนเว็บไซต์ รูปภาพต่างๆ บนออนไลน์
  • ค่าความละเอียด 150 Pixel/Inch : สำหรับภาพที่จะนำไปพิมพ์บนอุปกรณ์ Printer งานพิมพ์ทั่วไปขนาดเล็กและขนาดกลาง
  • ค่าความละเอียด 300 Pixel/Inch : สำหรับงานพิมพ์ที่เป็นสื่อสิ่งพิมพ์ขนาดใหญ่ ปกหนังสือ โปสเตอร์ ป้ายโฆษณาคัทเอาท์ งานพิมพ์ Inkjet ขนาดใหญ่ งานพิมพ์ออฟเซ็ตต่างๆ

ภาพกราฟิกที่เหมาะสำหรับทำเว็บเพจมีกี่ชนิดอะไรบ้าง

ประเภทไฟล์ในงานกราฟิก

ไฟล์แต่ละชนิดจะมีคุณสมบัติที่เหมาะสมกับงานกราฟิกในรูปแบบที่แตกต่างกันไป ดังนั้นการเลือกบันทึก Save เป็นไฟล์ในชนิดที่เหมาะสม จะทำให้ได้งานที่ต้องการ กระบวนการทำงานที่รวดเร็วขึ้นและเหมาะสม ดังนั้นผู้ใช้งานกราฟิกควรรู้จึกชนิดของไฟล์ และนักออกแบบกราฟิกเลือกใช้ให้เหมาะสม ได้แก่

ภาพกราฟิกที่เหมาะสำหรับทำเว็บเพจมีกี่ชนิดอะไรบ้าง
ไฟล์ JPEG เป็นไฟล์ภาพที่นิยมใช้งานบนอินเตอร์เน็ต หรือรูปภาพดิจิตอล

ข้อดี : ไฟล์จะถูกบีบอัดจนมีขนาดไม่ใหญ่มาก เปิดได้เร็ว ใช้ในงานพิมพ์ Inkjet ได้
ข้อเสีย : ไม่เหมาะสมกับงานพิมพ์ที่ต้องการคุณภาพสูง

 

 

ภาพกราฟิกที่เหมาะสำหรับทำเว็บเพจมีกี่ชนิดอะไรบ้าง

ไฟล์ BMP เป็นไฟล์ภาพของระบบปฎิบัติการ Windows

ข้อดี : เก็บรายละเอียดของรูปได้มาก เหมาะสำหรับนำไปตกแต่งต่อ
ข้อเสีย : ไฟล์ใหญ่เปิดดูได้ช้าและไม่รองรับโหมดสีสิ่งพิมพ์ CMYK จึงนำไปใช้ในงานสื่อสิ่งพิมพ์ไม่ได้

 

 

ภาพกราฟิกที่เหมาะสำหรับทำเว็บเพจมีกี่ชนิดอะไรบ้าง

ไฟล์ TIFF เป็นไฟล์ภาพที่เก็บรายละเอียดของงานได้ครบถ้วนสมบูรณ์

ข้อดี : สามารถบันทึกเลเยอร์เก็บไว้ใช้ต่อได้ ใช้ได้ทั้ง Windows และ Mac รองรับโหมดสี CMYK
ข้อเสีย : ไฟล์ใหญ่เปิดดูได้ช้า และใช้โปรแกรมเฉพาะในการแก้ไข

 

 

ภาพกราฟิกที่เหมาะสำหรับทำเว็บเพจมีกี่ชนิดอะไรบ้าง

ไฟล์ PNG เป็นไฟล์ภาพที่ถูกบีบอัดมีขนาดเล็กมากๆ

ข้อดี : สามารถบันทึกให้มีพื้นหลังแบบโปร่งใสได้ เหมาะสำหรับงานเว็บไซต์ งานบนอินเตอร์เน็ตและคอมพิวเตอร์
ข้อเสีย : ไม่เหมาะสมกับงานพิมพ์

 

 

ภาพกราฟิกที่เหมาะสำหรับทำเว็บเพจมีกี่ชนิดอะไรบ้าง

ไฟล์ PSD เป็นไฟล์ที่สร้างจากโปรแกรม Photoshop 

ข้อดี : สามารถบันทึกการแก้ไขต่างๆ และแยกเลเยอร์เอาไว้ สำหรับนำกลับมาแก้ไขตกแต่งต่อไปได้ ส่งโรงพิมพ์ได้
ข้อเสีย : ไฟล์มีขนาดใหญ่มาก

 

 

ภาพกราฟิกที่เหมาะสำหรับทำเว็บเพจมีกี่ชนิดอะไรบ้าง

ไฟล์ AI เป็นไฟล์ภาพ Vector ภาพที่เกิดจากการวาดภาพ สร้างจากโปรแกรม Illustrator

ข้อดี : สามารถส่งไฟล์นี้เข้าโรงพิมพ์ได้ สามารถแก้ไขและตกแต่งต่อไปได้ รองรับโหมดสี CMYK และ RGB
ข้อเสีย : ไม่สามารถเปิดในโปรแกรมทั่วไปได้ เปิดดูได้ในโปรแกรม Illustrator หรือโปรแกรมของ Adobe

 

 

ภาพกราฟิกที่เหมาะสำหรับทำเว็บเพจมีกี่ชนิดอะไรบ้าง

ไฟล์ EPS เป็นไฟล์ภาพที่ถูกแปลงออกมาจากไฟล์ที่ทำงานในโปรแกรม Illustrator

ข้อดี : สามารถส่งไฟล์นี้เข้าโรงพิมพ์ได้ ตัวไฟล์จะดึงรูปภาพที่ใช้ในการทำงานมาฝังไว้ในไฟล์ด้วย รองรับโหมดสี CMYK และ RGB
ข้อเสีย : ไม่สามารถเปิดในโปรแกรมทั่วไปได้ เปิดดูได้ในโปรแกรม Illustrator หรือโปรแกรมของ Adobe

 

 

ภาพกราฟิกที่เหมาะสำหรับทำเว็บเพจมีกี่ชนิดอะไรบ้าง

ไฟล์ PDF เป็นไฟล์ที่มีระบบรักษาความปลอดภัยค่อนข้างดี

ข้อดี : เก็บความละเอียดได้มาก ไฟล์มีขนาดเล็ก รองรับงานพิมพ์งานเอกสารในระดับโรงพิมพ์ สามารถเปิดดูได้ในหลายโปรแกรม และยังทำเป็นไฟล์ E Book หนังสือออนไลน์ได้อีกด้วย
ข้อเสีย : หากมีการแก้ไขงานหรือตกแต่งเพิ่มเติมอาจทำได้ยาก หรือต้องใช้โปรแกรมเฉพาะในการแก้ไข

 

 

 

โหมดสี RGB & CMYK

ภาพกราฟิกที่เหมาะสำหรับทำเว็บเพจมีกี่ชนิดอะไรบ้าง

คือรูปแบบการผสมสี เพื่อนำไปใช้กับงานประเภทต่างๆ โดยโหมดสีทั้ง 2 แบบ มีความเหมาะสมกับงานที่แตกต่างกันออกไป

ภาพกราฟิกที่เหมาะสมสำหรับทำเว็บเพจมีกี่ชนิด

ประเภทของภาพกราฟิก บราวเซอร์สามารถแสดงภาพบิทแมพพื้นฐาน เช่น GIF และ JPG ได้ทันที การแสดงภาพ เวคเตอร์ส่วนใหญ่จะต้องอาศัยโปรแกรมเสริมหรือปลั๊กอิน (plug in) เข้ามาช่วย เช่น Flash Player เป็น ต้น ส าหรับเนื้อหาในบทนี้จะกล่าวถึงการใช้งานภาพบิทแมพที่เหมาะกับเว็บเพจ 3 ชนิดคือ GIF, JPG และ PNG.

รูปแบบของกราฟิกที่เหมาะสมสำหรับการสร้างเว็บคือไฟล์อะไรบ้าง

การนาภาพกราฟิกมาใช้ในเว็บเพจนิยมใช้ภาพ 3 ฟอร์แมต (นามสกุล) คือ .gif , . jpg และ . png ซึ่งมีรายละเอียดของภาพแต่ละชนิด ดังนี้

ประเภทของภาพกราฟิก มีกี่ประเภท อะไรบ้าง

ประเภทไฟล์ในงานกราฟิก.
ไฟล์ JPEG เป็นไฟล์ภาพที่นิยมใช้งานบนอินเตอร์เน็ต หรือรูปภาพดิจิตอล.
ไฟล์ BMP เป็นไฟล์ภาพของระบบปฎิบัติการ Windows..
ไฟล์ TIFF เป็นไฟล์ภาพที่เก็บรายละเอียดของงานได้ครบถ้วนสมบูรณ์.
ไฟล์ PNG เป็นไฟล์ภาพที่ถูกบีบอัดมีขนาดเล็กมากๆ.
ไฟล์ PSD เป็นไฟล์ที่สร้างจากโปรแกรม Photoshop..

ภาพกราฟิกที่ใช้กับคอมพิวเตอร์แบ่งออกเป็นกี่ประเภท

1.1 กราฟิก (Graphics) 1.2 คอมพิวเตอร์กราฟิก (Computer Graphics) มี2 แบบคือ 1.2.1 ภาพกราฟิกแบบ 2 มิติ 1.2.2 ภาพกราฟิกแบบ 3 มิติ