WordPress的视网膜图像支持

p4rjhz4m  于 2023-11-17  发布在  WordPress
关注(0)|答案(1)|浏览(109)

我正在做一个WordPress项目,遇到了一个为Retina显示器调整图像的问题。
我试过几个插件,包括WP Retina Image和Retina@2x,但它们根本不起作用。完美图像插件效果更好,但它在所有类型的屏幕上显示高分辨率图像,这不适合我的情况。
此外,我使用的缓存插件WP火箭,这可能会导致一些视网膜插件不能正常工作.我的主要任务是确保图像显示在标准分辨率在普通显示器和高分辨率在视网膜显示器.
考虑到WP Rocket的使用,是否有任何方法或插件可以帮助我正确实现此功能?我对设置这样一个系统的任何建议或建议感兴趣。

m4pnthwp

m4pnthwp1#

如果你可以编辑你的主题文件,你可能想看看使用<img srcset>属性,你可以指定在什么屏幕密度和/或屏幕宽度加载什么图像。你仍然可以使用一个插件来生成@2x图像,但然后指定主题中的图像。这里有一篇文章解释如何使用它。
https://html.com/attributes/img-srcset/
示例如下:

<img srcset="
    /wp-content/uploads/flamingo4x.jpg 4x,
    /wp-content/uploads/flamingo3x.jpg 3x,
    /wp-content/uploads/flamingo2x.jpg 2x,
    /wp-content/uploads/flamingo1x.jpg 1x
"
src="/wp-content/uploads/flamingo-fallback.jpg"
>

字符串

相关问题