加载大图像更快

Question

有哪些提示可以更快地加载大图像。我看看这个网站：

http://vivianoheatingandcooling.com/wp-admin

和这个

http://iplanwebsites.com/404

这两个都是相当大的图像，但加载速度非常快。我也看过网站会宣传一些东西，并在其内容的两面都有两张大图片：

http://www.gamefaqs.com/

GameFAQs做了很多。他们如何在页面内容等上快速加载这些大图像？除了保存网页优化之外，还有其他一些技巧吗？

Answer 1

图像优化是一个关键，另一个关键是设计，因此优化是有效的。照片不是那么容易，但你可以处理照片以更好地优化。

在跳羊的情况下，图像实际上非常小，分辨率明智。它是550 x 1900，重量仅为150k。考虑到几乎所有正在加载的内容，对服务器的请求非常少，几乎没有任何开销......这将在大多数体面的互联网连接上加载速度非常快。

另一幅图像是GIF格式的颜色很少的图像。如果您的调色板相对有限，您可以在PNG和GIF中获得非常高分辨率的图像并获得非常小的文件。这就是这些格式闪耀的地方 - 在这种情况下，图像应该已经在png中。作为一个由pngcrush处理的png，它只有40.5kb而不是62kb。

所以是的，图像优化和减少开销（仅加载用户在每个视图中需要的内容）是快速加载大图像的重要步骤。

Answer 2

我们以iplanwebsites.com/404为例：

1. 尺寸大（宽X高= 550px X 1900px）

2. 但是这是一张低质量的图片 - 141,14 kb - 这就是图片加载速度非常快的原因

   您可以使用软件工具优化图像，但您会发现图像质量存在一些差异。

相同的，其他两个例子 - 他们使用大图像，但它们只有一些黑色的简单形状，这意味着文件很小。

请记住：它不仅仅是宽度和高度，还与图像质量，像素数，颜色数量等有关。

的Stefan