PS Insights 的问题:图像分辨率低且对比度不足

问题描述 投票:0回答:1

我的网站上遇到 PageSpeed Insights 问题,需要您的帮助来解决该问题。 PageSpeed Insights 报告显示了我试图解决的两个问题:

“以低分辨率显示图像:为了最大限度地提高图像清晰度,图像的正常尺寸应与屏幕尺寸和像素比成正比。”

“背景和前景色没有足够的对比度:低对比度的文本对于许多用户来说很难或不可能阅读。”

我已按照建议优化图像并提高分辨率,但尚未解决问题。此外,我想解决我的网站上背景和前景色之间对比度不足的问题。

这是我网站的链接,您可以查看 PageSpeed Insights 报告:[Insights Report]

如果你们中的任何人有解决颜色对比度问题的经验,并且可以提供有关如何提高我的自定义主题中背景和前景色之间的对比度的提示或指南,我们将不胜感激!

感谢您提供任何其他指导来解决 PageSpeed Insights 的这些问题。感谢您的支持和建议!

问候,fotov60

我尝试添加 style="max-width: 147px; height: 47;"给图像指定尺寸,但 Insights 仍然期望更大的尺寸。如果我上传更大的图像,Insights 会要求更大的尺寸。我希望找到一种方法来解决导致此警告的问题。

image background size resolution foreground
1个回答
0
投票

我看到距离你的问题已经过去了 6 个月,但我想分享我学到的解决方案,以防新用户遇到同样的错误。

1- 这是低分辨率图像问题的解决方案:如果将渲染尺寸宽x高比设置为比固有宽x高比小1或2位数字,则问题似乎得到解决。 (至少对我来说是这样)

2- 我可以说,与 ChatGPT 合作解决对比度不足的问题将是有益的。 ChatGPT 会告诉您哪些颜色会相互对比并提供建议。

© www.soinside.com 2019 - 2024. All rights reserved.