我有一个客户坚持在他的网页上使用“清晰”的图像。他给我的一张图片是 2592 像素宽，但页面只有 940 像素宽。没问题，我只是使用 Photoshop 调整图像的大小，但质量明显下降，有很多锯齿状边缘。我预计将尺寸调整到三分之一时会降低质量，但我认为我可以做得更好。所以我所做的是获取原始图像并让浏览器（Chrome）将其调整为 940 像素宽。是的，我知道这绝对是最糟糕的事情，但我只是在尝试。事实证明，浏览器在调整大小方面比 Photoshop 做得更好——我没有看到锯齿状的边缘，而且图片的质量看起来非常接近原始图像。
那么这里有什么问题呢？为什么 Photoshop 的大小调整不如 Chrome（IE8 和 Firefox 也做得一样好）？我尝试过调整 Photoshop 的重采样选项，但没有发现真正的区别。
在 Photoshop 中缩放图像时需要考虑几件不同的事情：
1.) 文件类型+压缩
您将要确保如果您使用有损压缩的文件类型（即 JPEG），您将质量设置为 >8，否则您会看到质量明显下降。
2.) 重采样方法
Photoshop 提供了几种不同的重采样方法，这些方法会影响缩小时像素的组合方式。下面是一些图片的链接，这些图片说明了缩放时可以在哪里修改。
图像->图像大小...
http://cl.ly/3W3M0b3W3H0G1Y452L15
此窗口底部有一个下拉菜单：
http://cl.ly/0o463J2J0e2L1u0C1U26
您可能遇到的是您的图像正在使用“最近邻”或“双线性”重新采样。
搏一搏。
您可以尝试使用基于浏览器的脚本，例如 TimThumb：http ://code.google.com/p/timthumb/
您确实需要调整图像的大小，而不是为了显示而缩小巨大的图像。该脚本将创建不同大小的图像副本，如果我没记错的话，它甚至支持某种缓存。
我已经让它为我调整了非常大的图像到非常小的缩略图，它总是看起来很清晰。
Photoshop 和 Web 浏览器处理大小调整的方式不同。我不会用 Photoshop，所以我帮不了你。。
但是，如果您希望图片看起来像通过网络浏览器调整大小，那么请使用网络浏览器调整它！截取屏幕截图并剪切调整大小的图片，创建另一个您可以在网站上真正使用的图片。