调整大小时网站上的图像分辨率

Question

我使用photoshop 4500x2646px 72dpi创建了这个图像，我想以700x412px的div显示我的图片。

• 1使用photoshop调整大小，700x412px 72dpi质量12（最大） - ＆gt; 216Kb和我网站上的质量（根据我的规模）是8（从0到10）。
• 2用photoshop调整大小，1400x824px 72dpi质量12（最大） - ＆gt; 683Kb和我网站上的质量（根据我的规模）是10（从0到10）。

为什么如果浏览器将 1400px到700px 的原始图像调整大小，图片质量比使用photoshop调整图片大小要好？

浏览器的resize方法比photoshop好吗？

我正在使用全高清屏幕。

由于

Answer 1

如果在浏览器中使用html / css调整4500x2646px图像的大小，则仍需下载完整图像并使用带宽。它不像让服务器程序调整大小并保存像缩略图这样的新图像。

它还可能取决于特定浏览器用于重新采样图像的方法，最近邻居或双三次。

查看Photoshop中用于调整大小/重新采样的不同选项。并首先展平图像，使边缘不模糊，然后另存为JPEG。但是不要将你的PSD保存为扁平状态，否则你将无法恢复你的图层。

如果选择“存储为Web”，则有更多质量选项。

如果图像仍然不够清晰，我会设置一个15％，1.0px半径的智能锐化滤镜。