วิธีปรับแต่งรูปภาพ Screenshot

ทำไม Screenshot จึงมักมีขนาดใหญ่

จอ Retina และ HiDPI บันทึก screenshot ที่ความละเอียด 2x หรือ 3x ของขนาดที่แสดงผลจริง MacBook Pro ที่มีหน้าจอ 2560x1600 พิกเซล จะให้ screenshot ขนาดนั้น แม้หน้าต่างที่ capture จะเล็กกว่ามาก

โดยค่าเริ่มต้น screenshot มักบันทึกเป็น PNG ซึ่งเป็น lossless compression ทำให้ไฟล์มีขนาดใหญ่กว่า JPG ที่ quality เดียวกัน แต่ PNG ให้ความคมชัดของข้อความสูงกว่า ซึ่งสำคัญสำหรับ screenshot

ฟอร์แมตที่เหมาะสมสำหรับ Screenshot

PNG คือตัวเลือกที่ดีที่สุดสำหรับ screenshot ที่มีข้อความหรือ UI element เพราะให้ความคมชัดสูงสุดโดยไม่มี compression artifact JPG เหมาะเฉพาะเมื่อ screenshot มีภาพถ่ายเป็นส่วนใหญ่หรือไม่ต้องการความคมชัดของข้อความสูงนัก

WebP เป็นตัวเลือกที่ดีเยี่ยมสำหรับ screenshot บนเว็บ ให้ความคมชัดใกล้เคียง PNG แต่ขนาดเล็กกว่า 25–35% รองรับความโปร่งใสและให้ผลลัพธ์ที่ดีกับภาพที่มีพื้นที่สีเรียบ

การปรับขนาดอย่างชาญฉลาด

ขั้นตอนแรกที่สำคัญที่สุดคือลดขนาด screenshot ให้ตรงกับขนาดที่แสดงผลจริง ถ้า screenshot จะแสดงที่ความกว้าง 800 พิกเซลบนบทความ ไม่มีเหตุผลที่จะเก็บ screenshot ขนาด 2560 พิกเซล

สำหรับ blog หรือเอกสารส่วนใหญ่ ความกว้าง 600–1200 พิกเซลเพียงพอแล้ว ข้อความใน screenshot ยังคงอ่านออกได้ชัดเจน และขนาดไฟล์จะลดลงอย่างมาก บนจอ Retina ผู้ใช้จะไม่สังเกตความต่าง

การ Crop เพื่อเก็บเฉพาะส่วนที่จำเป็น

แทนที่จะ capture ทั้งหน้าจอ ให้ capture เฉพาะส่วนที่ต้องการนำเสนอ บน Mac ใช้ Cmd+Shift+4 เพื่อเลือกพื้นที่ บน Windows ใช้ Win+Shift+S หรือ Snipping Tool ทำให้ได้ไฟล์ที่เล็กกว่าตั้งแต่ต้น

ถ้า capture ไปแล้วทั้งหน้าจอ ใช้ Convertly Picture เพื่อ crop เฉพาะส่วนที่ต้องการ แล้วปรับแต่งขนาดไฟล์ต่อ การ crop ก่อนบีบอัดให้ผลลัพธ์ดีกว่าการ crop ทีหลัง

วิธีทำใน 3 ขั้นตอน

คำถามที่พบบ่อย