WebP ได้รับการสนับสนุนในชุดเครื่องมือภาพ GD
ตามที่ระบุไว้ในบันทึกการเปลี่ยนแปลง คุณสามารถตรวจสอบว่าเวอร์ชันของ PHP รองรับ WebP หรือไม่โดยไปที่ ผู้ดูแลระบบ/รายงาน/สถานะ/php#module_gd
.
จะเกิดอะไรขึ้นถ้าฉันใช้ Imagemagick
หากคุณทำการประมวลผลรูปภาพเป็นจำนวนมากในไซต์ของคุณ คุณอาจใช้ชุดเครื่องมือ ImageMagick ผ่านทาง โมดูลสนับสนุน ImageMagick. ในกรณีนี้ ไม่สำคัญว่าจะเปิดใช้งานการรองรับ GD หรือไม่ เพราะ Drupal ใช้ Imagemagick ไม่ใช่ GD
ก่อนอื่น ตรวจสอบชุดเครื่องมือรูปภาพของคุณที่ /admin/config/media/image-toolkit
. หากคุณใช้ ImageMagick คุณต้องทำสิ่งต่อไปนี้:
- คลิก รูปแบบภาพ เปิดชื่อหีบเพลง
/admin/config/media/image-toolkit
.
- ใน เปิด/ปิด รูปแบบภาพเลื่อนลงไปที่ เว็บ และตั้งค่า
เปิดใช้งาน: จริง
.
- บันทึก.
ตอนนี้จะให้คุณแปลงเป็น WebP สำหรับสไตล์รูปภาพของคุณ (/admin/config/media/image-styles
)
จะเกิดอะไรขึ้นหากฉันใช้รูปภาพที่ปรับเปลี่ยนตามอุปกรณ์
หากคุณใช้สไตล์ภาพที่ตอบสนองบนเว็บไซต์ของคุณผ่านแกนหลัก ภาพที่ตอบสนอง โมดูล และคุณแปลงสไตล์รูปภาพทั้งหมดของคุณเป็น WebP คุณจะหยุดการสนับสนุน Safari และ Internet Explorer เวอร์ชันเก่า ซึ่งไม่รองรับ WebP (caniuse webP)
นี่คือสิ่งที่โมดูล WebP จัดการโดยอัตโนมัติ แต่คอร์ไม่จัดการ ดังนั้น หากคุณแปลงทุกอย่างเป็น WebP และเรียกมันว่า 1 วัน คุณจะทำลายไซต์ของคุณสำหรับผู้ใช้บางคน
น่าเสียดายที่โมดูล Responsive Image ของแกนรองรับเฉพาะเบรกพอยต์ตามขนาดวิวพอร์ต แต่วิธีที่ถูกต้องคือตั้งค่า พิมพ์
บนแท็กซึ่งแกนหลักไม่อนุญาตให้คุณทำ มี drupal.org เกี่ยวกับเรื่องนี้.
วิธีแก้ปัญหา:
- ใช้ เว็บพี หรือ ปรับ ImageOptimize WebP โมดูลแทนแกน
- สำหรับรูปแบบภาพที่ตอบสนองแต่ละรูปแบบ (
/admin/config/media/responsive-image-style/MY_STYLE
) ใช้รูปแบบภาพที่แปลงเป็น WebP สำหรับเบรกพอยต์ทั้งหมด จากนั้นใช้รูปแบบภาพที่ไม่ใช่ WebP เป็น รูปแบบภาพสำรอง.