ย่อรูป อย่างย่อ
1. ความกว้าง 952 พิกเซล
2. ความสูงไม่เกิน 750 พิกเซล
3. คุณภาพ 70% - 80%
4. sRGB, ใส่ color profile
5. ยั้งมือเอาไว้บ้าง เวลาแต่งภาพ
ย่อรูป อย่างยาว
1. พันทิปแสดงรูปได้กว้างสุดแค่ 952 พิกเซลเท่านั้น ไม่มีประโยชน์ที่จะทำรูปใหญ่กว่านั้น
เพราะเวลาจะดูรูปใหญ่ต้องคลิ๊กขวาเลือก view image เพื่อแสดงเต็มจอ
ถ้าใหญ่กว่านั้นได้ ก็ต้องคลิ๊กซ้ำอีกทีเพื่อขยายเต็มขนาด
จากสมาชิกพันทิปเกือบ 7 แสนคน คิดว่าจะมีคนที่จะทำแบบนี้ทุกรูป ทุกกระทู้ที่ดู ถึง 7 คนมั้ย
ดังนั้นสรุปแบบเหมารวมได้เลยว่าไม่มีใครดูรูปใหญ่หรอก 952 พิกเซลพอแล้ว
เอาไว้กรณีพิเศษเช่น ปฏิทิน โปสการ์ด หรือประกวดรูป หรืออะไรทำนองนั้น ที่ต้องการใช้รูปใหญ่ ค่อยทำใหญ่กว่านั้น
2. บางทีเราก็ลืมตัวไป เวลาย่อรูป เราก็ย่อให้พอดีจอที่เราใช้ ซึ่งคนทำงานภาพมักจะใช้จอใหญ่อยู่แล้ว
แต่ว่ายังมีคนอีกไม่น้อยที่ใช้โน้ตบุ๊ค หรือจอรุ่นเก่า หรือแท็บเล็ต ที่ความสูงหน้าจอ 800 พิกเซล หรือน้อยกว่านั้น
ดังนั้นเวลาย่อภาพก็ต้องเผื่อคนจอเล็กด้วย ขนาดสัก 750 พิกเซล ก็ดูจะประณีประนอมกับจอหลายๆ ขนาด
รวมทั้งแท็บเล็ตยอดนิยมได้ดี
จะได้เห็นภาพเต็มๆ ทั้งภาพ โดยไม่ต้องเลื่อนขึ้นลงให้เสียอรรถรสในการชม
3. คุณภาพการบีบอัด ประมาณ 70% จะกระโดดห่างจาก 60% ขึ้นไปมาก แต่ทิ้ง 80% ไม่มากนัก
ตรงช่วงนี้เป็น sweet spot สมดุลย์ทั้งขนาดไฟล์ที่เล็ก และคุณภาพของภาพที่ดี
ขนาดไฟล์ไม่หนักหนาเกินไปสำหรับผู้ใช้ mobile data ที่คิดค่าใช้จ่ายตามปริมาณข้อมูล แต่ยังได้ภาพที่ดีด้วย
4. เพื่อให้แน่ใจว่าคนดูรูปจะเห็นรูปแบบที่เราต้องการให้คนอื่นเห็น ทั้งแสง สี ความคมชัด มากเท่าที่เป็นไปได้
ดังนั้นควรใส่ color profile ติดไปกับภาพด้วย และเพื่อลดความผิดพลาด ใช้ sRGB จะปลอดภัยกว่า aRGB
5. เผื่อสำหรับจอที่ไม่ได้มีคุณภาพดีเลิศ อาจจะเป็นจอโน้ตบุ๊คถูกๆ ที่แสดงแสงสีได้แคบ ไม่ควรแต่งภาพให้เต็มขีดจำกัด
ให้เผื่อการแสดงผลส่วนมืด ส่วนสว่างที่อาจจะหายไปในจอบางจอ รวมทั้งสีที่มีความอิ่มตัวสูงๆ ที่จะเสียรายละเอียดไปด้วย
สรุปว่ายั้งๆ มือเอาไว้บ้าง อย่าดึงเคิร์ฟให้ฮีสโตแกรมชนขอบ อย่าดันสีให้สูงโด่งเกินไป
ดูรูปด้วยเบราเซอร์ไหนดี
เพื่อให้ดูรูปได้สีสันถูกต้อง การไล่โทนแสงถูกต้อง เบราเซอร์ควรมีระบบการจัดการสี ICC V.2 เป็นอย่างน้อย
และเบราเซอร์บางตัวอย่าง Chrome มีคนรายงานปัญหาจุกจิกกับพันทิป 3G ถ้าใครใช้แล้วมีปัญหาก็เลี่ยงไปใช้เบราเซอร์อื่นไปก่อน
Firefox ตั้งแต่เวอร์ชั่น 3.5 ขึ้นไปซัพพอร์ท ICC V.2 และเวอร์ขั่น 8 ขึ้นไป ซัพพอร์ท ICC V.4
Google Chrome ใช้ระบบจัดการสีในแมคซัพพอร์ท ICC V.2, V.4 และจากเวอร์ชั่น 22 ซัพพอร์ท ICC V.2 ในตัวทุก OS
Safari ซัพพอร์ท ICC V.4 ตั้งแต่เวอร์ชั่น 2.0
Opera ซัพพอร์ท ICC V.4 ตั้งแต่เวอร์ชั่น 12.10
Internet Explorer ตั้งแต่เวอร์ชั่น 9 ขึ้นไป แต่ทั้งนี้ขึ้นกับการเซ็ตการจัดการสีในวินโดวส์ด้วย ปกติวินโดวส์จะมีตัวจัดการสีหลายชุด
ทั้งจาก OS, App, การ์ดจอ และตัวคาลิเบรทจอ ซึ่งบอกยากว่าในขณะนั้นระบบจัดการสีตัวไหน override ตัวอื่นอยู่
และถ้ามีอะไรไม่ปกติเช่นไม่ได้ฝัง color profile ไว้ในภาพ มันจะตีความทุกภาพเป็น sRGB แล้วใช้โปรไฟล์สีของหน้าจอที่มากับ OS แสดงผล โดยไม่ใช้ระบบจัดการสี
หวังว่า ทุกท่านจะทำรูป และอยู่อาศัยใน Pantip 3G ได้อย่างมีความสุขครับ
ย่อรูปสำหรับพันทิป 3G เล็ก หรือใหญ่แค่ไหนดี
1. ความกว้าง 952 พิกเซล
2. ความสูงไม่เกิน 750 พิกเซล
3. คุณภาพ 70% - 80%
4. sRGB, ใส่ color profile
5. ยั้งมือเอาไว้บ้าง เวลาแต่งภาพ
ย่อรูป อย่างยาว
1. พันทิปแสดงรูปได้กว้างสุดแค่ 952 พิกเซลเท่านั้น ไม่มีประโยชน์ที่จะทำรูปใหญ่กว่านั้น
เพราะเวลาจะดูรูปใหญ่ต้องคลิ๊กขวาเลือก view image เพื่อแสดงเต็มจอ
ถ้าใหญ่กว่านั้นได้ ก็ต้องคลิ๊กซ้ำอีกทีเพื่อขยายเต็มขนาด
จากสมาชิกพันทิปเกือบ 7 แสนคน คิดว่าจะมีคนที่จะทำแบบนี้ทุกรูป ทุกกระทู้ที่ดู ถึง 7 คนมั้ย
ดังนั้นสรุปแบบเหมารวมได้เลยว่าไม่มีใครดูรูปใหญ่หรอก 952 พิกเซลพอแล้ว
เอาไว้กรณีพิเศษเช่น ปฏิทิน โปสการ์ด หรือประกวดรูป หรืออะไรทำนองนั้น ที่ต้องการใช้รูปใหญ่ ค่อยทำใหญ่กว่านั้น
2. บางทีเราก็ลืมตัวไป เวลาย่อรูป เราก็ย่อให้พอดีจอที่เราใช้ ซึ่งคนทำงานภาพมักจะใช้จอใหญ่อยู่แล้ว
แต่ว่ายังมีคนอีกไม่น้อยที่ใช้โน้ตบุ๊ค หรือจอรุ่นเก่า หรือแท็บเล็ต ที่ความสูงหน้าจอ 800 พิกเซล หรือน้อยกว่านั้น
ดังนั้นเวลาย่อภาพก็ต้องเผื่อคนจอเล็กด้วย ขนาดสัก 750 พิกเซล ก็ดูจะประณีประนอมกับจอหลายๆ ขนาด
รวมทั้งแท็บเล็ตยอดนิยมได้ดี
จะได้เห็นภาพเต็มๆ ทั้งภาพ โดยไม่ต้องเลื่อนขึ้นลงให้เสียอรรถรสในการชม
3. คุณภาพการบีบอัด ประมาณ 70% จะกระโดดห่างจาก 60% ขึ้นไปมาก แต่ทิ้ง 80% ไม่มากนัก
ตรงช่วงนี้เป็น sweet spot สมดุลย์ทั้งขนาดไฟล์ที่เล็ก และคุณภาพของภาพที่ดี
ขนาดไฟล์ไม่หนักหนาเกินไปสำหรับผู้ใช้ mobile data ที่คิดค่าใช้จ่ายตามปริมาณข้อมูล แต่ยังได้ภาพที่ดีด้วย
4. เพื่อให้แน่ใจว่าคนดูรูปจะเห็นรูปแบบที่เราต้องการให้คนอื่นเห็น ทั้งแสง สี ความคมชัด มากเท่าที่เป็นไปได้
ดังนั้นควรใส่ color profile ติดไปกับภาพด้วย และเพื่อลดความผิดพลาด ใช้ sRGB จะปลอดภัยกว่า aRGB
5. เผื่อสำหรับจอที่ไม่ได้มีคุณภาพดีเลิศ อาจจะเป็นจอโน้ตบุ๊คถูกๆ ที่แสดงแสงสีได้แคบ ไม่ควรแต่งภาพให้เต็มขีดจำกัด
ให้เผื่อการแสดงผลส่วนมืด ส่วนสว่างที่อาจจะหายไปในจอบางจอ รวมทั้งสีที่มีความอิ่มตัวสูงๆ ที่จะเสียรายละเอียดไปด้วย
สรุปว่ายั้งๆ มือเอาไว้บ้าง อย่าดึงเคิร์ฟให้ฮีสโตแกรมชนขอบ อย่าดันสีให้สูงโด่งเกินไป
ดูรูปด้วยเบราเซอร์ไหนดี
เพื่อให้ดูรูปได้สีสันถูกต้อง การไล่โทนแสงถูกต้อง เบราเซอร์ควรมีระบบการจัดการสี ICC V.2 เป็นอย่างน้อย
และเบราเซอร์บางตัวอย่าง Chrome มีคนรายงานปัญหาจุกจิกกับพันทิป 3G ถ้าใครใช้แล้วมีปัญหาก็เลี่ยงไปใช้เบราเซอร์อื่นไปก่อน
Firefox ตั้งแต่เวอร์ชั่น 3.5 ขึ้นไปซัพพอร์ท ICC V.2 และเวอร์ขั่น 8 ขึ้นไป ซัพพอร์ท ICC V.4
Google Chrome ใช้ระบบจัดการสีในแมคซัพพอร์ท ICC V.2, V.4 และจากเวอร์ชั่น 22 ซัพพอร์ท ICC V.2 ในตัวทุก OS
Safari ซัพพอร์ท ICC V.4 ตั้งแต่เวอร์ชั่น 2.0
Opera ซัพพอร์ท ICC V.4 ตั้งแต่เวอร์ชั่น 12.10
Internet Explorer ตั้งแต่เวอร์ชั่น 9 ขึ้นไป แต่ทั้งนี้ขึ้นกับการเซ็ตการจัดการสีในวินโดวส์ด้วย ปกติวินโดวส์จะมีตัวจัดการสีหลายชุด
ทั้งจาก OS, App, การ์ดจอ และตัวคาลิเบรทจอ ซึ่งบอกยากว่าในขณะนั้นระบบจัดการสีตัวไหน override ตัวอื่นอยู่
และถ้ามีอะไรไม่ปกติเช่นไม่ได้ฝัง color profile ไว้ในภาพ มันจะตีความทุกภาพเป็น sRGB แล้วใช้โปรไฟล์สีของหน้าจอที่มากับ OS แสดงผล โดยไม่ใช้ระบบจัดการสี
หวังว่า ทุกท่านจะทำรูป และอยู่อาศัยใน Pantip 3G ได้อย่างมีความสุขครับ