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

标签 php wordpress plugins amazon-s3 woocommerce

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

我还应该提到,我的媒体是使用S3 Offload Lite插件存储在Amazon S3上的。当生成的@2x图像上传到S3时,即使使用专业版的“通过HTTP检查”功能,retina插件也无法检测到它们。

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

最佳答案

srcset中的@2x代码在WordPress中不再需要
现在WordPress中srcset属性的工作方式:浏览器决定使用srcset属性和screen ppi(屏幕密度)从数组(sizes属性)中加载图像的图像分辨率。
因此,您需要的一切-设置正确的大小属性是。而且您不需要任何使@2成为事实的插件... wordpress和woocommerce支持srcsetsizes属性。
woocommerce上的真实站点示例:
iPhone 7/8的设备像素比率是2倍,而iPhone X的设备像素比率是3倍-每个设备以不同的分辨率加载图像
enter image description here

关于php - WooCommerce Retina图像支持-不包含在srcset中,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/41229722/

相关文章:

php - 使用 Laravel 5.2 记录失败的登录尝试

php - 带有 Nginx 的子目录上的 Wordpress 使用无输入文件错误的代理通行证

visual-studio - Visual Studio/ReSharper 的关键启动器插件

javascript - 以下 javascript 语法是什么意思?

php - YUI 数据表没有样式

php - 如何为所有人设置默认时区?

PHP Session 的数据在页面重新加载之间不一致 - 尽管 Session ID 相同

wordpress - WooCommerce 网站中的单独注册页面

javascript - 如何在一个页面上关闭多个模态框

c# - C# 插件功能的模式/方法