เลือกตามงานที่ต้องใช้จริง
สำหรับภาพถ่ายบนเว็บ ให้เริ่มเปรียบเทียบ WebP กับ JPEG หากเป็นแผนภาพ ภาพหน้าจอ หรือโลโก้ที่ต้องการขอบแม่นยำ ให้เปรียบเทียบ PNG กับรูปแบบแบบไม่สูญเสียข้อมูล WebP รองรับความโปร่งใสและการบีบอัดทั้งแบบสูญเสียและไม่สูญเสียข้อมูล ส่วน JPEG ไม่เก็บช่องอัลฟา อย่างไรก็ตาม ตัวแปลงอาจส่งออกคุณสมบัติได้ไม่ครบตามที่รูปแบบรองรับ ควรเก็บต้นฉบับที่ไม่แก้ไขไว้ก่อนทดลอง
ปรับขนาดก่อนตั้งค่าคุณภาพ
ภาพที่แสดงกว้าง 800 พิกเซลแทบไม่จำเป็นต้องส่งออกกว้าง 6,000 พิกเซลสำหรับตำแหน่งเดียวกัน กำหนดขนาดแสดงผลและความคมชัดที่ต้องการบนจอความหนาแน่นสูง จากนั้นปรับขนาดโดยรักษาสัดส่วน การครอบตัดเปลี่ยนองค์ประกอบภาพ ส่วนการย่อขยายเปลี่ยนขนาด หากหน้าสินค้าต้องซูม ให้เตรียมภาพใหญ่แยกต่างหาก อย่านำภาพย่อเล็ก ๆ มาขยายเป็นภาพหลัก
เปรียบเทียบในขนาดที่ผู้ชมจะเห็น
ลองค่าคุณภาพระดับกลาง ตรวจดูไฟล์ที่ขนาดแสดงผลจริง แล้วเปรียบเทียบขนาดไฟล์ สังเกตตัวอักษร เส้นผม ผ้าเนื้อละเอียด และการไล่สี เพราะบริเวณเหล่านี้แสดงความเสียหายจากการบีบอัดได้ชัด ค่า 80 ไม่ได้ให้คุณภาพภาพเท่ากันในทุกตัวเข้ารหัส อย่ารับประกันเปอร์เซ็นต์การลดขนาดตายตัว ไฟล์ที่มีประสิทธิภาพอยู่แล้วอาจลดได้น้อยหรือใหญ่ขึ้น
ตรวจความโปร่งใส ทิศทาง และภาพเคลื่อนไหว
งานที่มีความโปร่งใสต้องส่งออกเป็นรูปแบบที่คงช่องอัลฟาไว้ หากทำ JPEG ให้เลือกสีพื้นหลังเองเพื่อไม่ให้เกิดขอบดำที่ไม่ตั้งใจ เปิดไฟล์ที่บันทึกแล้วอีกครั้งเพื่อตรวจทิศทางและสี ตัวแปลงภาพนิ่งอาจเก็บเพียงเฟรมเดียวจากภาพเคลื่อนไหว และอาจลบข้อมูลเมตาระหว่างส่งออก เก็บต้นฉบับไว้หากคุณสมบัติเหล่านี้สำคัญ
ใช้ขั้นตอนเผยแพร่ที่ทำซ้ำได้
เตรียมการครอบตัด ปรับขนาดเพียงครั้งเดียว ส่งออกสองรูปแบบ แล้วเลือกผลลัพธ์ที่เล็กกว่าและมีคุณภาพยอมรับได้ ตั้งชื่อไฟล์ให้สื่อความหมายและเขียนข้อความทางเลือกอธิบายหน้าที่ของภาพ ตรวจหน้าเว็บที่เสร็จแล้วทั้งบนมือถือและคอมพิวเตอร์ ขั้นตอนนี้เป็นคำแนะนำเชิงบรรณาธิการ ไม่ใช่ผลทดสอบตัวเข้ารหัสใดโดยเฉพาะ สิ่งที่ควรประเมินคือผลลัพธ์ที่ผู้ชมได้รับ
developers.google.com · developer.mozilla.org