调整图像JavaScript / jQuery的大小而不会降低质量

Question

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

我正在尝试为我和朋友开发一个投资组合网站，我创建了一个灯箱效果。点击网站示例时，问题就出现了;它们的原始尺寸缩小到55％宽度和90％高度，因此它们在所有分辨率下都具有不错的视野。

在1366x768的显示器上，照片看起来非常像素化，但是在更大的分辨率下，它们还可以。

这是我的网站：

Foxteam.net

那么有人能说出这个问题的解决方案吗？

Answer 1

执行此操作的最佳方法是使用正确的图像处理工具呈现图像服务器端的不同版本。根据用户的屏幕尺寸提供适当的尺寸。

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