减少像素和尺寸以保持完整图像

Question

我已经制作了个人资料页面，并且工作完美。我的问题是，当设置大尺寸的配置文件图片（eg: 2950px X 2904px）时，jquery变慢（即动画）和悬停，但鼠标指针移动正常。

任何人都可以提出任何解决方案，使jQuery的速度正常。

无论如何保持相同的像素和加载相同的速度jQuery的？

我用相同的像素尝试了较小尺寸的图像（eg: 130kb），但没有运气！

在此先感谢。

Answer 1

无论用户上传图像的尺寸如何，您都应该有一个服务器端图像处理系统来生成配置文件图像大小。然后，您可以提供调整大小的图像，而不是用户上传的图像。

Answer 2

因为我认为你没有显示整个图像的完整像素数你可以做的是使用隐藏的canvas元素作为便笺将原始图像绘制为缩放。然后从画布中获取实际图像（toDataUrl），并将其用作图像元素的src。