在不损失质量的情况下调整图像JavaScript/jQuery的大小

Question

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

我正试图为我和一个朋友开发一个投资组合网站，我创造了一个灯箱效果。当网站示例被点击时，问题就出现了；它们原来的尺寸缩小到55%的宽度和90%的高度，这样它们在所有分辨率下都有一个不错的视图。

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

这是我的网站：

Foxteam.net

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

Answer 1

最好的方法是使用适当的图像操作工具在服务器端渲染不同版本的图像。根据用户的屏幕大小提供适当的大小。

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