CSS解决方案图像渲染

Question

我在网站中有一个可缩放的图像。当图像缩小到很大程度时，它会显得非常锐利且很难看。

我试过使用图像渲染：opimizequality，优化了CSS，但没有奏效。

有没有其他的出路。

谢谢

Answer 1

根据image-rendering on MDC,image-rendering目前仅在Firefox 3.6中支持。类似的属性，-ms-interpolation-mode，可用于IE7和IE8。其他浏览器似乎还没有此功能（还）。

由于latze mentioned，你最好的选择是编辑图像本身，缩放到你需要的水平。我不确定，但你可以尝试使用<canvas>来执行你想要的插值。

Answer 2

我只是编辑图片，而不是CSS。

尝试使图片稍微大一步，而你确保图片不（如我们在丹麦称之为，不知道它是否正确英文）“像素化”。

这可以在从GIMP商店到Photoshop的各种图像编辑程序中完成。

Answer 3

图像并不意味着调整大小。将图像想象成一个图形，其中每个像素是图中的一个正方形。如果您将图像拉伸出来，则基本上可以使像素伸出。一些程序尝试用它们认为适合的像素来填充这些像素，其他程序只是使像素变大，而另一些程序只是用相同的像素填充周围区域，以给它带来一种发光效果。缩小图像的大小虽然趋于更好，但也会产生相同的效果，因为您只是截断像素而不是添加像素。我见过的大多数程序都会将像素挤在一起，并将这些像素中的颜色组合在一起。如果你有很高的细节图像，那么去掉像素会让它看起来很糟糕。没有真正安全的方法来确定需要保留哪些像素以保持整体图像的完整性。大多数具有缩放功能的网站都有更大的图像，并且可以缩放以缩放查看较大图像的细节。有些甚至可以获得大量详细的图像和较小的预览图像。