首页 ❯

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

php plugins amazon-s3 wordpress woocommerce
2022-08-30 20:09:56

我最近安装了WP Retina 2x，它在我的服务器上生成图像。但是，当使用 PictureFill 或 WordPress Responsive 方法时，不包括任何图像或声明：@2xsrcset@2x2x

retina @2x images not included in srcset

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

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


答案 1

@2xsrcset中的代码在WordPress中不再需要了。

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

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

来自woocommerce上真实网站的示例：iPhone 7 / 8具有2x设备像素比，但iPhone X具有3x设备像素比 - 对于每个设备加载具有不同分辨率的图像enter image description here


答案 2

推荐
更多 »
标签
更多 »
php pass-by-reference optional-parameters default-value javascript arrays dom function string object serialization tostring visibility syntax jslint use-strict operators equality equality-operator identity-operator datetime timestamp date-arithmetic redirect angularjs loops foreach iteration scope variables
推荐
更多 »