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

Question

我最近安装了WP Retina 2x，它在我的服务器上生成@2x张图片。但是，使用PictureFill或WordPress响应方法时，srcset不包含任何@2x图片或2x声明：

我还应该提一下，我的媒体使用S3 Offload Lite插件存储在Amazon S3上。当生成的@2x图像上传到S3时，即使使用专业版的“Over HTTP Check”功能，视网膜插件也无法检测到它们。

有谁知道为什么会这样，或者如何修复它？

Answer 1

srcset中的

@2x代码在WordPress中不再需要。

现在WordPress中srcset属性的工作方式：浏览器决定使用srcset属性和屏幕ppi（屏幕密度）从数组（sizes属性）加载哪种图像分辨率。

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

woocommerce上的真实站点示例： iPhone 7/8的设备像素比率是2倍，而iPhone X的设备像素比率是3倍-每个设备以不同的分辨率加载图像