ปัญหา IE เก่าๆ กับการแสดงภาพ ^[C]

ปัญหา:

มีน้องท่านหนึ่งเขียน Webpage ขึ้นมา เป็น HTML ง่ายๆเพื่อแสดงภาพซึ่งมีนามสกุล .jpg แต่ปรากฏว่า บนทุก Web Browser ยกเว้น IE7 ,IE8 บน Windows XP เก่าๆ จะไม่แสดงภาพนี้ แต่ส่วนอื่นๆเช่น Link ยังแสดงผลและใช้งานได้

ตรวจสอบ:

ไปที่เครื่อง Windows XP เครื่องที่พบปัญหา ลอง View Source ดู ก็พบว่า แสดง HTML ล่าสุดแล้ว, ลองเอา URL ของภาพ มาแสดงเฉพาะภาพนั้นๆ ก็ไม่แสดงผลบน IE8

ลองติดตั้ง Chrome ล่าสุด แล้วเรียก webpage ดังกล่าว บนเครื่องเดียวกัน ก็แสดงภาพได้ เลือกแสดงเฉพาะ URL ของภาพ ก็ยังได้ภาพที่ถูกต้อง

ลอง Reset IE ก็แล้ว, Clear Cache ก็แล้ว ก็ยังไม่ได้

เปิดดู Web Page อื่นๆบน website เดียวกัน ก็แสดงภาพได้ ยกเว้นเจ้าภาพนี้ ??? ทำไมนะ ??

สุดท้าย ขอดูกระบวนการที่ได้มาของภาพ น้องเขาแจ้งว่า ได้ภาพซึ่งเป็นภาพเดียวกับที่จะส่งโรงพิมพ์มา แล้วมา Save เป็น .jpg จึงขอดูวิธีการ Save ภาพ

เหตุแห่งปัญหา:

น้องเขาเปิดภาพด้วย Adobe Photoshop (เพราะต้นฉบับได้มาเป็น .psd) แล้วก็ใช้เมนู File>Save As ปรกติ แต่ผมสังเกตเห็น Size ของภาพมีขนาด 1.3 MB จึงขอตรวจสอบภาพต้นฉบับเพิ่มเติม

พบว่า Color Model เป็นแบบ CMYK (แสดงที่ Title Bar ของภาพ) ซึ่งเป็นการใช้งานเพื่อส่งโรงพิมพ์ แต่ในงานที่ใช้กับคอมพิวเตอร์ จะใช้แบบ RGB

แก้ไขปัญหา:

แนะนำให้ใช้เมนู Image>Mode>RGB เพื่อเปลี่ยนจาก CMYK เป็น RGB แล้ว Save As ปรกติ พบว่า ภาพมีขนาดเล็กลงมากๆ เหลือเพียง 500 KB (จริงๆแล้ว ยังขนาดใหญ่ไป ภาพแค่ 800x450 pixel)

แล้วเรียกหน้า webpage ดังกล่าวใหม่ บน IE8 ที่พบปัญหา พบว่า แสดงภาพได้แล้ว

ข้อมูลเพิ่มเติม
http://en.wikipedia.org/wiki/Color_model

http://en.wikipedia.org/wiki/Color_space

http://en.wikipedia.org/wiki/Comparison_of_color_models_in_computer_graphics 

http://en.wikipedia.org/wiki/Dots_per_inch

http://en.wikipedia.org/wiki/Dot_pitch

http://www.printingforless.com/2/images.html

http://www.photoshopessentials.com/essentials/image-quality/