ลดขนาดรูปลงเว็บ: ควรย่อภาพหรือบีบอัดก่อน?

ขั้นตอนและจุดที่ควรตรวจ

1. เลือกขนาดตามตำแหน่งแสดงผล

   ดูว่าภาพจะใช้เป็นรูปสินค้า ภาพประกอบ หรือภาพเต็มจอ แล้วปรับความกว้างให้พอสำหรับการแสดงผลจริง เก็บสัดส่วนเดิมเมื่อไม่ต้องการให้ภาพยืด

2. เลือกรูปแบบไฟล์

   ภาพถ่ายมักเริ่มทดลองด้วย JPG หรือ WebP ได้ หากต้องเก็บพื้นหลังโปร่งใส ให้ใช้รูปแบบที่รองรับ เช่น PNG หรือ WebP การแปลงเป็น JPG ไม่คงความโปร่งใส

3. ปรับคุณภาพแล้วดูภาพตัวอย่าง

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

4. ตรวจไฟล์ที่จะใช้งานจริง

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

ลองวางแผนจากตัวอย่าง

ตัวอย่าง: ภาพต้นฉบับกว้าง 4000 พิกเซล แต่ตำแหน่งใช้งานต้องการเพียง 1200 พิกเซล ให้ลองปรับกว้างเป็น 1200 ก่อน จากนั้นจึงเปรียบเทียบระดับบีบอัด ทั้งนี้ภาพที่ต้องซูมดูรายละเอียดอาจต้องใช้ขนาดใหญ่กว่า