网站图像质量差

Bad image quality for website

我对创建响应式网站还很陌生,我发现很难在我的网站页面中放置高质量的图像。

我有一张 4000x4000 像素的图片我想放在主页上,我正在尝试将其缩小到更合理的 1000x1000 像素(我需要它大且质量好)。

问题是每次我尝试调整它的大小时,质量都会变得很差。

这些是我尝试在 Photoshop 中调整它的大小:

这些方法都没有成功。 有什么帮助吗? 提前致谢。

使用 Photoshop 缩小图像或导出网络图形的最佳方式是 Save For Web And Devices (it's legacy option, but still available in file > export) or Export As 选项。在那里您可以 select 调整图形的质量、格式和更改图形的大小。

无论如何,如果您想将高分辨率图像 (例如用于视网膜显示器) 添加到您的网站,实现它的最佳方法是使用 srcset : responsive images

祝你好运:)