บทที่ 2ประเภทของไฟล์ภาพ

หนว่ ยท่ี 1 ความรู้เกยี่ วกบั กราฟกิ
บทที่ 2 : ประเภทของไฟลภ์ าพ

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

1. มคี วามรู้ ความเข้าใจเกี่ยวกบั ประเภทของไฟลภ์ าพกราฟิก
2. มคี วามรู้ ความเขา้ ใจเก่ยี วกับการค้นหาไฟลภ์ าพบนอินเตอรเ์ น็ต
3. สามารถประยุกตใ์ ช้งานประเภทของไฟลข์ องภาพกราฟกิ ต่างๆไดเ้ หมาะสม
4. สามารถคน้ หาไฟล์ภาพจากอนิ เตอร์เน็ต และบนั ทกึ ไฟล์นามสกลุ ต่างๆได้
5. มจี รยิ ธรรมทดี่ ีในการใช้งานอินเตอรเ์ น็ตสำหรับสบื ค้นขอ้ มูลรปู ภาพต่างๆ

2.1 ประเภทไฟล์ของภาพ
2.2 การคน้ หาภาพบนอนิ เตอรเ์ นต็
ใบงานที่ 1.2
กิจกรรมกลมุ่
2.1 ประเภทของไฟลภ์ าพกราฟกิ

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

2.1.1 JPEG หรือ JPG (Join Photographic Export Group)

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

1. สนับสนนุ สไี ด้ถึง 24 bit
2. แสดงสีได้ถงึ 16.7 ล้านสี
3. สามารถกำหนดคา่ การบีบอัดไฟล์ได้ตามทต่ี ้องการ
4. มรี ะบบแสดงผลแบบหยาบและค่อย ๆ ขยายไปสูล่ ะเอียดในระบบโพรเกรสซฟี (Progressive)
5. มีโปรแกรมสนบั สนุนการสรา้ งจำนวนมาก
6. เรยี กดไู ดก้ ับบราวเซอร์ (Browser) ทกุ ตวั
จุดดอ้ ย
1. ไม่สามารถทำภาพให้มีพนื้ หลังแบบโปร่งใส (Transparent) ได้
2. ทำภาพเคลอื่ นไหว (Animation) ไมไ่ ด้

2.2.2 GIF (Graphic Interchange Format)

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

1. สามารถใช้งานขา้ มระบบไม่ว่าจะเป็นระบบปฏิบัติการวนิ โดวส์ (Windows) หรือระบบปฏิบัตกิ าร
ยูนกิ ซ์ (Unix) กส็ ามารถเรยี กใชไ้ ฟล์ภาพสกุลนีไ้ ด้

2. ภาพมขี นาดไฟล์ตำ่ จากเทคโนโลยกี ารบีบอดั ภาพทำให้สามารถส่งไฟลภ์ าพได้อย่างรวดเรว็
3. สามารถทำภาพพนื้ หลังแบบโปร่งใสได้
4. มีโปรแกรมสนับสนุนการสร้างจำนวนมาก
5. เรียกดไู ด้กบั บราวเซอร์ทกุ ตัว
6. สามารถนำเสนอแบบภาพเคลื่อนไหวได้

จุดด้อย
1. แสดงสไี ดเ้ พียง 256 สี
2. ไมเ่ หมาะกบั ภาพที่ต้องการความคมชดั หรอื ความสดใส

2.2.3 PNG (Portable Network Graphics)

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

1. สนบั สนนุ สีไดต้ ามคา่ True color (16 bit, 32 bit หรอื 64 bit)
2. สามารถกำหนดคา่ การบีบอัดไฟล์ได้ตามทตี่ ้องการ
3. ทำภาพพ้ืนหลงั แบบโปรง่ ใสได้
จุดดอ้ ย
1. หากกำหนดคา่ การบีบอัดไฟลไ์ วส้ งู จะใช้เวลาในการคลายไฟล์ภาพสงู ตามไปด้วย
2. ไม่สนบั สนุนกับบราวเซอรร์ นุ่ เก่า
3. โปรแกรมสนับสนนุ ในการสรา้ งมีนอ้ ย

2.2.4 BMP (Bitmap)
เปน็ รูปแบบของไฟล์ภาพมาตรฐานท่ีใช้ไดใ้ นระบบปฏิบัติการวินโดวสโ์ ดยมีลักษณะการจดั เกบ็ ไฟล์
ภาพเป็นจุดสที ลี ะจดุ จึงทำใหภ้ าพดูเสมือนจรงิ
จดุ เด่น
1. แสดงรายละเอยี ดสีได้ 24 บิต
2. ไมม่ กี ารสูญเสยี ขอ้ มลู ใด ๆ เมื่อมกี ารยอ่ หรอื ขยายภาพ
3. นำไปใชง้ านไดก้ บั ทุกโปรแกรมในระบบปฏบิ ัติการวนิ โดวส์

จดุ ดอ้ ย
1. ภาพมีขนาดใหญม่ ากจึงใช้เนอื้ ท่ใี นการจดั เกบ็ ค่อนข้างมาก
2. ความละเอียดของภาพอาจจะไม่ชดั เจนเหมือนต้นฉบับ

2.2.5 TIF หรือ TIFF (Tagged Image File)

เปน็ ไฟล์ทใ่ี ชเ้ ก็บภาพแบบราสเตอรค์ ณุ ภาพสูง เช่น ภาพกราฟกิ ทนี่ ำไปทำงานดา้ นส่งิ พมิ พ์
(Artwork) สามารถเกบ็ ข้อมลู ของภาพไว้ไดค้ รบถว้ น ทำให้คณุ ภาพของสเี หมอื นต้นฉบบั

จดุ เด่น
1. สามารถใชง้ านข้ามระบบ ไม่ว่าจะเป็นระบบปฏิบตั กิ ารวนิ โดวส์หรอื ระบบปฏบิ ตั กิ ารยูนกิ ซ์
ก็สามารถเรยี กใชไ้ ฟลภ์ าพชนิดนี้ได้
2. แสดงรายละเอียดสไี ด้ 48 บติ
3. ไฟลม์ คี วามยืดหยุ่นสงู สามารถเปล่ยี นแปลงแก้ไขได้
4. เม่ือมกี ารบบี อัดไฟลจ์ ะมีการสญู เสยี ขอ้ มูลนอ้ ยมาก
5. มีโปรแกรมสนบั สนนุ การสรา้ งจำนวนมาก

จุดดอ้ ย
1. ไฟลภ์ าพมีขนาดค่อนขา้ งใหญ่
2. ใช้พนื้ ที่ในการจดั เกบ็ ไฟลภ์ าพสูง

2.2.6 PSD (Photoshop Document)

เปน็ ไฟล์ภาพเฉพาะโปรแกรม Adobe Photoshop จะทำการบนั ทกึ แบบแยกเลเยอร์ (Layer)
โดยเก็บประวัติการทำงานและรายละเอยี ดการตกแตง่ ภาพ เอาไว้ เพ่อื งา่ ยตอ่ การแกไ้ ขในภายหลัง
จดุ เด่น

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

เราสามารถค้นหารปู ได้แสนง่าย ความสามารถท่ีผใู้ ช้ส่วนใหญช่ อบกันนักหนา และสรา้ งชือ่
ใหก้ บั Google ก็คือการค้นหารปู ภาพด้วย Google
Search วิธีการใช้ ก็คอื

1. คลกิ เมนลู ิงค์ รปู ภาพ จากนั้นก็พมิ พช์ อ่ื ภาพท่ตี ้องการค้นหา และคลกิ ปุม่ ค้นหารูปภาพ ดังรปู
(หากตอ้ งการค้นหาภาพนามสกลุ ต่างๆ สามารถเติมช่ือนามสกลุ ตอ่ ทา้ ยคำคน้ หา

ได้ เชน่ doraemon .gif ผลลพั ธค์ ือ จะแสดงภาพเคลื่อนไหว gif เทา่ นัน้ หากเราระบุนามสกุลทต่ี ้องการ)

2. จะปรากฏรปู ภาพท้งั หมดที่ตอ้ งการดงั รปู