Photoshop/网站：Ps 缩放与 HTML 缩放？

Question

在 Photoshop 中将图像缩小到 150 像素，然后在 HTML 中使用它有什么区别：

<img src="blah.png" />

相对

使用 500px 图像，然后在 HTML 中使用它：

<img src="blah.png" width="150px"/>?

有质量差异吗？

Answer 1

有趣的是，这些天你几乎看不出区别¹。它在 Chrome/IE 中看起来不错，但 Firefox 也不能扩展。无论如何，要补充迈克关于带宽的观点：

• 大图像的页面加载时间会受到很大影响。T3 上的图像没什么大不了的，但低带宽智能手机上的电子商务网站会受到惩罚。
• 您浪费了服务器带宽，这可能会花费您金钱（如果您从不提供更大的图片）。
• 你浪费了用户带宽，这可能会让他们花钱。

⁽¹⁾左侧 500x500 强制为 150x150，右侧为 150 原生

Answer 2

Photoshop 允许您选择缩放方法，例如“双三次锐化”，它通常比标准“双三次”调整大小更适合减小图像尺寸。

如果您进行浏览器缩放，则不同浏览器的质量会有所不同，并且您无法控制这一点。

此外，如果您总是在图像上进行浏览器缩放并且从不以全分辨率显示它，那么您就是在浪费带宽。