减少像素和大小,保持完整图像

时间:2013-02-05 14:55:37

标签: jquery performance

我制作了一个个人资料页面,它运作正常。我的问题是,当设置大尺寸(eg: 2950px X 2904px)的个人资料图片时,jquery变慢(即动画)和css悬停,但鼠标指针的移动正常。

任何人都可以建议任何解决方案,使jquery速度正常。

无论如何都要保持相同的像素并以相同的速度加载jquery?

我尝试了一个尺寸较小(eg: 130kb)且像素相同但没有运气的图像!

提前致谢。

2 个答案:

答案 0 :(得分:1)

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

答案 1 :(得分:0)

由于我假设您没有使用全像素计数显示整个图像,您可以使用隐藏的canvas元素作为便笺簿将原始图像绘制为缩放。然后从画布中抓取实际图像(toDataUrl)并将其用作图像元素的src。