我正在开发一个Web应用程序，我们有一个非常大的图像（4000 * 2000像素），可以在这个地方拖动，放大/缩小。
当图像没有放大或缩小时，它可以非常快速地拖动并且看起来很棒。一旦我通过某种因素改变图像的大小，拖动变得非常慢。
我刚刚注意到我在图像上有一个height属性，但是没有width属性。
这种行为在IE和Firefox中都很相似，原因很明显，它在FireFox中的工作速度稍快。
我一直在关注GoogleMaps，他们也有一个非常流畅的可拖动图像。
我可以做些什么样的优化才能获得类似的结果？
谢谢
答案 0 :(得分：1)
Google地图依赖于大量小的平铺图像，而不是一个大图像。这样，当你四处走动时，它们可以加载进出内存。
优化图像的最简单方法是将其分割。
如果您想提供多级缩放，您可能还需要考虑在不同级别渲染图像，而不是依赖浏览器在运行时进行图像处理。
此外，请查看您使用的图像格式！ GIF和PNG在JPEG和TIFF等图像上提供压缩文件大小（尽管显然质量确实很受欢迎）。