有哪些快速加载大图的技巧。我看这个网站：
http://vivianoheatingandcooling.com/wp-admin
还有这个
这两个都是相当大的图像，但加载速度非常快。我还看到过一些网站会做广告，并且在其内容的两侧都有 2 张大图：
GameFAQs 经常这样做。他们在做什么来在他们的页面内容等顶部如此快速地加载这些大图像？除了保存以进行网络优化之外，我还缺少一些技巧吗？
【问题讨论】：
标签： javascript html css image optimization
图像优化是一个关键，另一个关键是设计，所以优化是有效的。这对照片来说并不容易，但您可以处理照片以更好地优化。
在跳羊的情况下，图像实际上非常小，分辨率明智。它的尺寸为 550 x 1900，重量仅为 150k。考虑到几乎所有正在加载的内容，对服务器的请求很少，几乎没有任何开销......在大多数体面的互联网连接上加载速度非常快。
另一张图片是GIF格式的颜色很少的图片。如果您的调色板相对有限，您可以拥有非常高分辨率的 PNG 和 GIF 图像，并获得非常小的文件。这就是这些格式大放异彩的地方——在这种情况下，图像应该是 png 格式。作为一个png，由pngcrush处理，它只有40.5kb而不是62kb。
是的，图像优化和减少开销（仅在每个视图中加载用户需要的内容）是快速加载大图像的重要步骤。
【讨论】：
我们以 iplanwebsites.com/404 为例：
这是一张按大小计算的大图像（宽 X 高 = 550 像素 X 1900 像素）
但是这是一张低质量的图片 - 141,14 kb - 这就是图片加载速度非常快的原因
您可以使用软件工具来优化您的图像，但您会发现图像质量存在一些差异。
其他两个示例也是如此 - 它们使用大图像，但只有一些简单的黑色形状，这意味着文件较小。
请记住：这不仅仅是关于宽度和高度，还与图片质量、像素数、颜色数等有关。
斯蒂芬
【讨论】：