Làm cách nào tôi có thể sử dụng hỗ trợ WebP của lõi thay vì mô-đun WebP?

Theo thay đổi bản ghi, Drupal 9.2 hỗ trợ WebP để nén ảnh tốt hơn.

tôi đã sử dụng mô-đun WebP trên trang web 9.1 của tôi để phục vụ hình ảnh WebP, nhưng nó có một lỗi giết chết hiệu suất và tôi muốn sử dụng Core nếu có thể.

Vì vậy, khi tôi nâng cấp lên 9.2, làm cách nào tôi có thể thay thế mô-đun WebP bằng hỗ trợ WebP của lõi?

Tôi đã nâng cấp lên 9.2, gỡ cài đặt WebP và tìm kiếm các tùy chọn WebP nhưng không tìm thấy gì.

Cái này Bài hát ru cho biết nó nên được hỗ trợ trong Chuyển thành hiệu ứng, nhưng tôi không thấy tùy chọn.

WebP được hỗ trợ trong bộ công cụ hình ảnh GD.

Như đã lưu ý trong bản ghi thay đổi, bạn có thể kiểm tra xem phiên bản PHP của mình có hỗ trợ WebP hay không bằng cách truy cập quản trị viên/báo cáo/trạng thái/php#module_gd.

Nếu tôi đang sử dụng Imagemagick thì sao?

Nếu bạn xử lý nhiều hình ảnh trên trang web của mình, bạn có thể đang sử dụng bộ công cụ ImageMagick qua Mô-đun đóng góp ImageMagick. Trong trường hợp này, việc hỗ trợ GD có được bật hay không cũng không thành vấn đề vì Drupal đang sử dụng Imagemagick, không phải GD.

Vì vậy, trước tiên, hãy kiểm tra bộ công cụ hình ảnh của bạn tại /admin/config/media/image-toolkit. Nếu bạn đang sử dụng ImageMagick, bạn cần làm như sau:

1. Nhấp chuột định dạng hình ảnh tiêu đề đàn accordion trên /admin/config/media/image-toolkit.
2. Trong Bật/tắt định dạng hình ảnh, cuộn xuống WEB và thiết lập đã bật: đúng.
3. Tiết kiệm.

Điều này bây giờ sẽ cho phép bạn chuyển đổi sang WebP cho các kiểu hình ảnh của mình. (/admin/config/media/kiểu hình ảnh)

Nếu tôi đang sử dụng hình ảnh phản hồi thì sao?

Nếu bạn đang sử dụng các kiểu hình ảnh phản hồi trên trang web của mình thông qua lõi Hình ảnh phản hồi và bạn chuyển đổi tất cả các kiểu hình ảnh của mình sang WebP, bạn sẽ không hỗ trợ cho các phiên bản Safari và Internet Explorer cũ hơn không hỗ trợ WebP. (caniuse webP)

Đây là thứ mà mô-đun WebP tự động xử lý, nhưng lõi thì không. Vì vậy, nếu bạn chuyển đổi mọi thứ thành WebP và gọi nó là một ngày, bạn sẽ phá vỡ trang web của mình đối với một số người dùng.

Thật không may, mô-đun Responsive Image của lõi chỉ hỗ trợ các điểm dừng dựa trên kích thước khung nhìn, nhưng cách tiếp cận đúng là đặt loại trên thẻ, mà lõi không cho phép bạn làm. Đây là một vấn đề drupal.org về điều này.

Cách giải quyết:

• Sử dụng WebP hoặc Tối ưu hóa hình ảnh WebP mô-đun thay vì lõi.
• Đối với mỗi kiểu hình ảnh đáp ứng (/admin/config/media/responsive-image-style/MY_STYLE), hãy sử dụng các kiểu hình ảnh được chuyển đổi thành WebP cho tất cả các điểm ngắt, sau đó sử dụng một kiểu hình ảnh không phải WebP làm kiểu Phong cách hình ảnh dự phòng.