JavaScript和可拖动图像-我可以优化它吗？

我正在开发一个web应用程序，其中有一个非常大的图像（4000*2000像素），可以在这个地方拖动，放大/缩小

当图像没有放大或缩小时，它可以被快速拖动，看起来很棒。一旦我改变了图像的大小，拖动就会变得非常慢

我刚刚注意到图像上有一个高度属性，但没有宽度属性

这种行为在IE和Firefox中都很相似，因为显而易见的原因，它在Firefox中的运行速度稍快一些

我一直在看谷歌地图，它们也有一个非常平滑的可拖动图像

我可以做什么样的优化来获得类似的结果

---

谢谢你

谷歌地图依赖于大量小的平铺图像，而不是一张大图像。这样，当你四处移动时，它们可以被载入或移出内存

优化图像的最简单方法是将其切片

如果你想提供多个层次的缩放，你也可以考虑在不同的层次上渲染图像，而不是依赖浏览器在运行时对图像进行处理。

---

此外，请查看您使用的图像格式！GIF和PNG提供的压缩文件大小超过了JPEG和TIFF等图像（不过，显然质量确实受到了影响）。

感谢您的评论。当你说切片时，你会通过jQuery/java脚本在浏览器中进行吗，或者你会提供多个图像而不是一个图像？