xViStA @Blog

ทุกบล็อกใน Exteen มีรูปภาพใช่มั้ยครับ?

รูปภาพที่สวยงาม จะเป็นส่วนหนึ่ง ที่ดึงดูดให้คนมาดูบล็อกของเรา ถูกไหมครับ
แต่...

ถ้ารูปนั้นมันขนาดใหญ่มาก แบบที่เรียกว่า โหลดโหด
แบบนี้ คนคงอยากจะออกจากบล็อกมากกว่า

ดังนั้นเราควรเลือกใช้ไฟล์ที่มีขนาดเล็กเพื่อการแสดงผลที่รวดเร็วยิ่งขึ้น โดยขนาดของไฟล์ที่เหมาะสมในการนำมาอัพลงบล็อกนี้ควรอยู่ที่ 20-40 KB และค่าความละเอียด (Resolution) ที่ 72 dpi ครับ (Set ได้ในโปรแกรม Photoshop)

ภาพขนาด 5 KB

ภาพขนาด 15 KB

สังเกตได้ว่า ภาพที่มีขนาดใหญ่ ไฟล์ของภาพจะมีขนาดใหญ่ตามไปด้วย

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

1. ไฟล์ GIF (Graphics Interchange Format)

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

ตัวอย่างภาพชนิด GIF (Credit: การ์ตูนไอ้แป้น)

2. ไฟล์ JPG/JPEG/JPE (Joint Photographic Export Group)

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

ตัวอย่างภาพชนิด JPG

3. ไฟล์ PNG (Portable Network Graphics)

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

ตัวอย่างภาพชนิด PNG

หากภาพนั้นๆ มีขนาดและค่าความละเอียด (Resolution) เท่ากัน แล้วทำการบันทึกภาพเป็นชนิดต่างๆ เรียงลำดับขนาดจากมากไปน้อยได้ดังนี้

1. JPG/JPEG/JPE ตัวอย่างขนาด 13 KB

2. GIF ตัวอย่างขนาด 7 KB

3. PNG ตัวอย่างขนาด 5 KB

เลือกใช้กันตามเหมาะสมนะครับ