Score:3

ฉันจะใช้การสนับสนุน WebP ของคอร์แทนโมดูล WebP ได้อย่างไร

ธง cn

ให้เป็นไปตาม บันทึกการเปลี่ยนแปลง, Drupal 9.2 รองรับ WebP เพื่อการบีบอัดภาพที่ดีขึ้น

ฉันเคยใช้ โมดูล WebP บนไซต์ 9.1 ของฉันเพื่อให้บริการรูปภาพ WebP แต่มีไฟล์ บั๊กที่ฆ่าประสิทธิภาพ และฉันต้องการใช้ Core ถ้าเป็นไปได้

ดังนั้น เมื่อฉันอัปเกรดเป็น 9.2 ฉันจะแทนที่โมดูล WebP ด้วยการสนับสนุน WebP ของคอร์ได้อย่างไร

ฉันอัปเกรดเป็น 9.2 ถอนการติดตั้ง WebP และค้นหาตัวเลือก WebP แต่ไม่พบอะไรเลย

นี้ โพสต์ของ Lullabot กล่าวว่าควรจะสนับสนุนใน แปลง มีผล แต่ฉันไม่เห็นตัวเลือก

Score:6
ธง cn

WebP ได้รับการสนับสนุนในชุดเครื่องมือภาพ GD

ตามที่ระบุไว้ในบันทึกการเปลี่ยนแปลง คุณสามารถตรวจสอบว่าเวอร์ชันของ PHP รองรับ WebP หรือไม่โดยไปที่ ผู้ดูแลระบบ/รายงาน/สถานะ/php#module_gd.

จะเกิดอะไรขึ้นถ้าฉันใช้ Imagemagick

หากคุณทำการประมวลผลรูปภาพเป็นจำนวนมากในไซต์ของคุณ คุณอาจใช้ชุดเครื่องมือ ImageMagick ผ่านทาง โมดูลสนับสนุน ImageMagick. ในกรณีนี้ ไม่สำคัญว่าจะเปิดใช้งานการรองรับ GD หรือไม่ เพราะ Drupal ใช้ Imagemagick ไม่ใช่ GD

ก่อนอื่น ตรวจสอบชุดเครื่องมือรูปภาพของคุณที่ /admin/config/media/image-toolkit. หากคุณใช้ ImageMagick คุณต้องทำสิ่งต่อไปนี้:

  1. คลิก รูปแบบภาพ เปิดชื่อหีบเพลง /admin/config/media/image-toolkit.
  2. ใน เปิด/ปิด รูปแบบภาพเลื่อนลงไปที่ เว็บ และตั้งค่า เปิดใช้งาน: จริง.
  3. บันทึก.

ตอนนี้จะให้คุณแปลงเป็น 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 เป็น รูปแบบภาพสำรอง.
br flag
หมายเหตุเกี่ยวกับประสิทธิภาพที่มีแพตช์พร้อม และเป้าหมายของฉันคือการรวมแพตช์ในอีกไม่กี่วันข้างหน้าและออกเวอร์ชันเสถียรโดยเร็ว

โพสต์คำตอบ

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