调整图像大小 - 浏览器与Photoshop

Question

我有一位客户在他的网页上坚持“清晰”的图像。他给我的一张图片是2592像素宽，但页面只有940像素宽。没问题，我只是使用Photoshop调整图像大小，但质量明显下降，锯齿状边缘很多。我希望在调整大小的三分之一时质量下降，但我认为我可以做得更好。所以我所做的就是拍摄原始图像并让浏览器（Chrome）将其调整为940像素宽。是的，我知道这是绝对最糟糕的事情，但我只是在尝试。事实证明，浏览器在调整大小方面做得比Photoshop更好 - 我没有看到锯齿状的边缘，而且图片看起来与原始质量相当接近。

那么这里的交易是什么？为什么Photoshop不像Chrome那样重新调整（IE8和Firefox也做得很好）？我试过调整Photoshop的重采样选项，但没有看到真正的区别。

Answer 1

在photoshop中缩放图像时需要考虑几个不同的事情：

---

1。）文件类型+压缩

如果您使用带有损耗压缩的文件类型（即JPEG），您可以确保将质量设置为＆gt; 8，或者您会看到质量明显下降。

2.）重新采样方法

Photoshop提供了一些不同的重采样方法，这些方法可以缩小缩小时像素的组合方式。下面是一些图像的链接，这些图像说明了在缩放时可以修改它的位置。

图片 - ＆gt;图片尺寸......

http://cl.ly/3W3M0b3W3H0G1Y452L15

此窗口底部有一个下拉列表：

http://cl.ly/0o463J2J0e2L1u0C1U26

您可能遇到的问题是您的图片是使用“最近邻居”或双线性“重新取样”。

---

试一试。

Answer 2

您可以尝试使用基于浏览器的脚本，例如TimThumb：http://code.google.com/p/timthumb/

您确实需要调整图像大小，而不是缩小巨大的图像才能显示。这个脚本将创建不同大小的图像副本，如果我没记错的话，它甚至支持某种缓存。

我已经将相当大的图像调整为非常小的缩略图并且它总是看起来很清晰。

Answer 3

Photoshop和Web浏览器处理不同的大小调整。我不使用Photoshop，所以我无法帮助你..

但是，如果您希望图片看起来像是通过网络浏览器调整大小，请使用网络浏览器调整大小！截取屏幕截图并剪切已调整大小的图片，创建另一个可以在网站上使用的图片。