如何使用jquery以相同的质量缩放图像？

Question

我正在使用HTML格式的图像序列。所有都是大尺寸图像，我在初始显示中缩放主题，点击全部放大。

所以问题是，当缩小图像时，它会显示像素化输出。 （See link）

如果在缩放图像时有任何人有解决方案可以获得一致的输出，请提供建议。

Answer 1

我认为你必须在浏览器中不动态缩放它们。使用诸如imagick或gd之类的库在服务器端创建缩略图。

Answer 2

浏览器缩小图像的质量取决于浏览器使用的图像缩放器。其中大多数没有重新采样的方法，只需从图像中删除像素以减小其大小 - 因此像素化的外观。

除了为小型和大型版本使用单独的图像之外，您无能为力。

Answer 3

由于浮动概念的存在，因此系统中的分辨率会有所不同。因此，使用高质量图像会更好。

点击此链接http://codecanyon.net/item/imageresize/59935

如果它对您有用，请告诉我，我可以将代码发送给您。