调整图像大小JavaScript/jQuery不会丢失质量

Question

我正在寻找一种方法来调整使用JavaScript或jQuery的图像而不会丢失图像的质量。我已经找到使用PHP的解决方案，但我不是服务器端程序员。

我想为我和一位朋友开发一个投资组合网站，并且我创建了一个灯箱效果。当网站示例被点击时，问题就会发生;它们的原始尺寸缩小到55％宽度和90％高度，使得它们在所有分辨率下都具有良好的视野。

在1366x768的显示器上，照片开始显得非常像素化，但是在更大的分辨率下它们都可以。

这里是我的网站：

Foxteam.net

因此，谁能告诉了一个解决这个问题的？

Answer 1

这样做的最好方法是使用适当的图像处理工具呈现图像服务器端的不同版本。根据用户的屏幕尺寸提供合适的尺寸。

根据浏览器的大小，图像永远不会有一致的高质量结果。