WooCommerce Retina图像支持 - 不包含在srcset中

Avi*_*hai 13 php wordpress plugins amazon-s3 woocommerce

我最近安装了WP Retina 2x,它@2x在我的服务器上生成图像.但是,使用PictureFill或WP Responsive方法时,srcset不包含任何@2x图像或2x声明:

视网膜@ 2x图像不包含在srcset中

我还要提一下,我的媒体使用S3 Offload Lite插件存储在S3上.当生成的Amazon S3图像上传到S3时,即使使用专业版的"Over HTTP Check"功能,视网膜插件也无法检测到它们.

有谁知道为什么,或如何解决它?

Iva*_*lov 1

@2xWordPress 中不再需要srcset 中的代码。

srcset 属性现在在 WordPress 中如何工作:浏览器使用属性和屏幕 ppi(屏幕密度)决定从数组(属性)加载什么图像分辨率srcsetsizes

因此,您需要的一切 - 就是设置正确的尺寸属性。而且您不需要任何插件来使@2... wordpress 和 woocommerce 支持srcsetsizes属性。

woocommerce 上真实网站的示例:iphone 7/8 具有 2x 设备像素比,但 iphone X 具有 3x 设备像素比 - 每个设备加载具有不同分辨率的图像 在此输入图像描述