JustUtils

คู่มือรูปภาพ

เลือกรูปแบบไฟล์และความละเอียดให้เหมาะกับงาน

เข้าใจความต่างระหว่างขนาดพิกเซล คุณภาพ และขนาดไฟล์ เพื่อหลีกเลี่ยงภาพเบลอหรือไฟล์ใหญ่เกินจำเป็น

โดย JustUtils · ตรวจทานเมื่อ

เนื้อหาดูแลโดย JustUtils ดูแนวทางจัดทำและแก้ไขเนื้อหา หากพบข้อผิดพลาดแจ้ง [email protected]

ความละเอียดไม่เท่ากับรายละเอียดใหม่

การเพิ่มจำนวนพิกเซลช่วยให้ภาพมีขนาดตามที่ระบบต้องการ แต่ไม่สามารถสร้างรายละเอียดจริงที่ไม่มีอยู่ในไฟล์ต้นฉบับได้ ควรดูภาพที่ขนาดใช้งานจริงเสมอ

เลือกรูปแบบตามเนื้อหา

JPG เหมาะกับภาพถ่ายและไฟล์ขนาดเล็ก PNG เหมาะกับกราฟิก ข้อความคม และพื้นหลังโปร่งใส ส่วน WebP มักให้สมดุลที่ดีสำหรับเว็บไซต์ แต่ควรตรวจความเข้ากันได้กับปลายทาง

ลดขนาดอย่างมีเป้าหมาย

กำหนดความกว้างตามตำแหน่งที่จะแสดง รักษาอัตราส่วน และเปรียบเทียบคุณภาพก่อนกับหลัง การบันทึกซ้ำแบบสูญเสียข้อมูลหลายครั้งทำให้รายละเอียดลดลงสะสม

เก็บต้นฉบับ

ไฟล์ที่แปลงหรือบีบอัดควรเป็นสำเนาสำหรับส่งหรือเผยแพร่ เก็บต้นฉบับคุณภาพสูงไว้สำหรับแก้ไขและส่งออกใหม่ในอนาคต

ตัวอย่างเลือก JPG, PNG หรือ WebP

  • ภาพถ่ายสำหรับแบบฟอร์ม: ทดลอง JPG แล้วตรวจใบหน้าและตัวหนังสือที่ขนาดจริง JPG ไม่รองรับพื้นหลังโปร่งใส
  • โลโก้หรือภาพหน้าจอที่มีข้อความ: เลือก PNG เมื่อต้องรักษาขอบคมหรือความโปร่งใส แต่ภาพถ่ายใน PNG อาจมีไฟล์ใหญ่
  • ภาพสำหรับเว็บไซต์: ทดลอง WebP และเปรียบเทียบคุณภาพกับขนาดไฟล์ รูปแบบนี้รองรับทั้งการบีบอัดแบบสูญเสียและไม่สูญเสียข้อมูล รวมถึงความโปร่งใส แต่ต้องตรวจว่าระบบปลายทางรับไฟล์ได้

ดูรายละเอียดรูปแบบไฟล์จาก MDN: รูปแบบไฟล์ภาพ (ภาษาอังกฤษ)

คำนวณขนาดสำหรับจอและงานพิมพ์

ภาพ 2400 × 1600 พิกเซล เมื่อลดความกว้างเป็น 1200 พิกเซลและคงสัดส่วน จะได้ความสูง 800 พิกเซล หากช่องอัปโหลดต้องการสี่เหลี่ยมจัตุรัส ให้ครอปก่อนแทนการยืดภาพจนผิดสัดส่วน

หากโรงพิมพ์กำหนด 300 พิกเซลต่อนิ้ว (PPI) สำหรับภาพกว้าง 6 นิ้ว ต้องมีความกว้าง 6 × 300 = 1800 พิกเซล ภาพต้นฉบับกว้าง 1200 พิกเซลที่พิมพ์ 6 นิ้วมีเพียง 200 PPI การเปลี่ยนค่าความละเอียดหรือขยายเป็น 1800 พิกเซลไม่ได้เพิ่มรายละเอียดจริง ควรหาต้นฉบับใหญ่กว่า ลดขนาดพิมพ์ หรือทดลองพิมพ์ก่อน

PPI คือความหนาแน่นของพิกเซลภาพ ส่วน DPI คือจุดที่เครื่องพิมพ์พิมพ์ได้ ตัวเลข 300 PPI ในตัวอย่างเป็นข้อกำหนดสมมติของงาน ไม่ใช่ค่าที่เหมาะกับทุกงาน

เลือกเครื่องมือตามสิ่งที่ต้องเปลี่ยน

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