-การCompression กราฟฟิค เพื่อให้เป็นGIFนั้นใช้วิธีการlosslessซึ่งจะสามารถรักษาคุณภาพของข้อมูลไว้ได้โดยไม่จำเป็นต้องสูญเสีย Image Information ขณะทำการ Compression ด้วยหลักการ LZW algorithm

-กราฟฟิคที่ถูก Compression จะถูก Compression ประมาณ 3 ต่อ 1 ส่วน จาก 16 ล้านสี เป็น 256 สี ซึ่งทำให้ GIF format มี 8 bit color

-browser ส่วนใหญ่จะรองรับภาพ animation ที่เป็น GIF animation ซึ่งก็คือการ Sequence ภาพ GIF format หลายๆภาพต่อเนื่องกัน

-สำหรับภาพกราฟฟิคที่ต้องการความใส (Transparent) GIF format สามารถ compession ข้อมูลให้เกิดความใสได้

-ข้อมูลที่ถูก Compression ในลักษณะ GIF format จะมีขนาดเล็กสามารถแสดงผลได้อย่างรวดเร็วบน Browser และยังสามารถกำหนด Interlace ซึ่งก็คือการที่ให้ GIF format นั้นแสดงผลใน Browser ด้วยความละเอียดต่ำก่อน และค่อยๆเพิ่มความละเอียดมากขึ้น

-แสดงผลบน Web

-เหมาะกับกราฟฟิคที่มีสีใกล้เคียงกันหรือเหมือนกันในบริเวณกว้าง

-เหมาะกับการนำไปใช้สร้าง icon เพราะต้องการสีไม่มากนัก

-เหมาะกับภาพ Logo หรือ Text ซึ่งไม่มีความแตกต่างของสีมาก

-เหมาะกับภาพขาวดำ หรือภาพพื้น

-นำไปใช้งานสำหรับ Web บน Internet หรือสามารถ Print ออกเป็นสิ่งพิมพ์ได้ แต่เหมาะกับสิ่งพิมพ์ที่ไม่ต้องการรายละเอียดและความชัดเจนมาก

-Adobe Photoshop สามารถสร้างภาพ GIF format จากการ Scan รูป หรือ การวาด และสามารถแปลงจากไฟล์ Format ชนิดอื่น ไปเป็น GIF format ได้เช่น bmp , jpg ,psd

-Adobe Image Ready สามารถสร้างภาพ GIF format ทั้งแบบ animation และไม่มี animation

-Cold3D สามารถสร้าง animation ในรูปแบบของ GIF format

-GIF animation เป็นเครื่องสำหรับสร้าง animation ที่ได้รับความนิยมและใช้งานง่ายในปัจจุบัน สามารถสร้าง animation และมี fiter ช่วยสำหรับ user หลายชนิด

---

JPG/JPEG(Joint Photographic Experts Group)

คุณสมบัติเฉพาะ

-การ Compression เป็น lossy ซึ่งภาพที่ถูก Compression จะสูญเสียข้อมูลบางส่วนไป ไม่เหมือนต้นฉบับเดิม แต่ JPG/JPEG ถูกออกแบบมาเพื่อใช้งานโดยใช้ข้อจำกัดของการมองเห็นของมนุษย์ซึ่งจะมองไม่เห็นการเปลี่ยนแปลงบางสีที่ใกล้เคียงกัน

-JPG/JPEG format ถูก Compression จากภาพต้นฉบับตั้งแต่ 10 : 1 จนถึง 100 : 1 ซึ่งเมื่อสัดส่วนการ Compression ยิ่งมากการ สูญเสียของข้อมูลจากจะมีขึ้นไปเรื่อยๆ โดยเฉพาะที่ 100 : 1 การ Compression จะเหมาะกับภาพพื้นหรือภาพขนาดหัวแม่มือ (Thumb nail)เท่านั้น JPG/JPEG มีความละเอียดของสี 24 bit

-JPG/JPEG ไม่มี คุณสมบัติ Transparent หรือ Animation

-แสดงผลบนเว็บ

-JPG/JPEG เหมาะสำหรับภาพที่มีความหลากหลายของสี เช่นภาพทิวทัศน์ , สิ่งของ หรือภาพที่เหมือนจริงอื่นๆ และไม่เหมาะ สำหรับลายเส้น Text หรือภาพที่มีสีแตกต่างกันน้อย

-การนำ JPG/JPEG ไปใช้นั้นสามารถนำไปแสดงผลบน Web โดยเหมาะสำหรับภาพข้างต้นที่กล่าวไว้

-เอกสาร Document ที่มีรูปประกอบสามารถนำ JPG/JPEG format ไปประกอบได้ซึ่งจะสามารถดูคมชัดคล้าย BMP format แต่ใช้ เนื้อที่น้อยกว่า

-Adobe Photoshop สามารถสร้างภาพจากการ Scan หรือ การวาด และตกแต่ง และสามารถ Save ภาพจาก Fotmat อื่นๆเป็น JPG/JPEG ได้

-การถ่ายภาพด้วยกล้อง Digital จะสามารถกำหนดการเก็บไฟล์ไว้ในลักษณะ JPG ได้เช่น กล้อง Digital Sony Mavica

-โปรแกรม Graphic ส่วนใหญ่จะรองรับการ Save เป็น JPG/JPEG เพราะสามารถนำไปใช้งานได้หลากหลายไม่เฉพาะใน Internet

-Marcromedia Flash สามารถกำหนดให้ภาพที่ถูกสร้างด้วย Flash save เป็น JPG/JPEG ได้

---

PNG (Portable Network Graphics )

-ถูกออกแบบมาเพิ่มเติมคุณสมบัติที่ไม่มีของ GIF format และยังมีรายละเอียดใกล้เคียง TIFF format แต่มีขนาดของไฟล์ที่เล็กกว่า

คุณสมบัติเฉพาะ

-การ Compression ในลักษณะ Loseless เช่นเดียวกับ GIF format ทำให้ไม่มีส่วนใดในรายละเอียดของภาพถูกลดทอนตัดไปเหมือน JPG/JPEG

-สามารถแสดงผลได้ตั้งแต่ 24 bit จนถึง 48 bit สำหรับโหมด RGB และ 16 bit สำหรับโหมด Grayscale (ภาพขาวดำ)

-การ Re-saving หลายๆครั้งไม่ส่งผลต่อคุณภาพของไฟล์ และยังสามารถรองรับ Transparent ได้เหมือน GIF format โดยที่ไม่เกิดรอยหยัก ตามขอบภาพอีกด้วย

-การแสดงผลบน Browser สามารถเลือกที่จะ Save ไฟล์ในลักษณะค่อยๆเพิ่มรายละเอียดของภาพ(Increasing Detail)ซึ่งจะทำให้ Web Page มีความน่าสนใจและไม่สร้างความเบื่อหน่ายแก่ผู้เข้าชม

-การ Compression เป็น PNG จะทำให้ไฟล์มีขนาดเล็กกว่า GIF format ประมาณ 10-25%

-ปัจจุบัน Browser บางชนิดยังไม่สามารถรองรับไฟล์ PNG ได้

-แสดงผลบนเว็บ

-PNG แสดงผลได้ดีใน Browser ที่สามารถรองรับการแสดงผลของ PNG ได้เช่น IE5.5 เพราะสามารถแสดงภาพในลักษณะค่อยๆเพิ่มราย ละเอียดของภาพ

-สามารถทดแทน GIF format สำหรับการแสดงผลประเภท Transparent ได้

-การเลือก Graphic มา Compression เป็น PNG ควรเลือกประเภท Bitmap หรือ Index-color(256สี)

-Adobe Photoshop สามารถสร้างภาพ PNG ได้ทั้งในลักษณะ PNG24 (24 bit) และ PNG8 (8 bit)

-Corel Draw ตั้งแต่ Version 7 ขึ้นไป

-Flash Version 4 ขึ้นไป

-Visio Version 4.1 ขึ้นไป

---

ตัวอย่างการแสดงผลในรูปแบบต่างๆ

รูปภาพแบบ GIF	รูปภาพแบบ JPG	รูปภาพแบบ PNG

 

การเปรียบเทียบการแสดงผลระหว่าง PNG กับ GIF

2D interlacing ของแบบ PNG

1D interlacing ของแบบ GIF

 

---

บรรณานุกรม

- photoshop 's Help

- http://www.libpng.org/pub/png/pngintro.html

- http://www.cywrap.com

- http://www.libpng.org/pub/png/libpng.html

---