我通常在 Fireworks 中拍摄图像，将其更改为适合网站的大小，然后将其导出为 JPG/PNG 以供网络使用。这很好。
我注意到，如果我在 <img> 标记中使用更大的图像，然后使用 CSS width 属性调整它的大小，它会比在 Adobe 产品中调整它的大小更清晰。
其他人有同样的经历吗？例如：拍摄 100x100 的图像，在 Fireworks 中调整为 50x50，使用 CSS 调整为 50x50，使用 CSS 调整后图像看起来更好。
我知道图片越小对网站加载时间等越好。
【问题讨论】：
这取决于浏览器和图像处理程序。
当您使用 CSS 或 HTML 调整大小时，您是在要求浏览器进行大小调整，而不是提供预先调整大小的图像。
最终调整大小的图像是否“更清晰”取决于图像、浏览器和使用的调整大小算法（双三次、双线性、Lanczos 等）。
为了最佳结果，您应该自己调整它的大小。您可以在图像处理程序中尝试多种不同的调整大小算法。对于浏览器，您依赖于该浏览器来提供正确的大小调整算法，并且您不能保证每个访问者都会使用相同的浏览器...
http://en.wikipedia.org/wiki/Image_scaling
另外，正如@PeeHaa 已经指出的那样，为浏览器提供更大的图像意味着更多的加载时间。它也意味着在浏览器中使用更多的 RAM。
【讨论】：
我已经注意到如果我在拍摄中使用更大的图像，然后将其调整为 CSS 宽度，它会更加清晰。看起来比在 Adobe 产品中调整大小更好。
这将是第一次。
通常在网络上，您应该只提供尺寸正确的图片以获得最佳效果。
正如您已经说过的，更大的图像 == 更多的加载时间（对于相对较小的图像）。
编辑
我刚刚查看了 Fireworks 是什么 :) 为网络创建图像的东西可能不是调整图像大小的最佳工具（我认为它也可以进行压缩）。您是否尝试过 PhotoShop / Illustrator？
【讨论】：
我的猜测是您使用的特定浏览器使用更好/更适合您使用的程序的特定图像大小调整算法。
您可以使用像 gimp 这样的随机图像编辑器并查看调整大小选项，您可以在其中选择一种可用的插值方法。
除非你的浏览器也做一些额外的图像缩放。
【讨论】：
使用 CSS 时，它完全基于浏览器。 Firefox 似乎非常擅长缩小图像，但 Internet Explorer（至少 IE6/7）在这方面非常糟糕。
您可能想尝试在 Photoshop 或其他图形编辑工具中更改调整大小的方法。 Fireworks 可能使用固定算法。我发现双三次调整大小最适合大多数情况，但如果您有锐利的边缘或清晰的线条，它可能对您来说是不同的情况。
您还应该在不同的屏幕上测试您的图像。我曾经遇到过这样的情况，一个相当“线条”的图像在一个屏幕上看起来很糟糕，但在另一个屏幕上却很完美。
【讨论】：