更快加载大图像

How*_*Gee 3 html javascript css optimization image

更快加载大图像的一些技巧是什么。我看这个网站:

http://vivianoheatingandcooling.com/wp-admin

和这个

http://iplanwebsites.com/404

这两个都是相当大的图像,但是它们加载速度非常快。我还看过网站上会做广告的内容,内容两面都有两张大图:

http://www.gamefaqs.com/

GameFAQs做到了很多。他们正在做什么,以便在页面内容等之上如此快地加载这些大图像?除了保存以进行网络优化外,我还有什么别的窍门吗?

Ste*_*ams 6

图像优化是一个关键,另一个关键是设计,因此优化有效。使用照片并不是那么容易,但是您可以对照片进行优化以使其更优化。

就跳跃的绵羊而言,图像实际上很小,分辨率很明智。它的尺寸为550 x 1900,重量仅为150k。考虑到几乎所有内容都在加载中,对服务器的请求很少,几乎没有任何开销……在大多数体面的Internet连接上加载速度非常快。

另一个图像是GIF格式的颜色很少的图像。如果您的调色板相对有限,则可以使用PNG和GIF生成真正高分辨率的图像,并获得非常小的文件。这是这些格式的亮点-在这种情况下,图像为png。作为png,由pngcrush处理,只有40.5kb而不是62kb。

因此,是的,图像优化和减少开销(仅加载用户在每个视图中需要的内容)是朝着快速加载大图像迈出的重要一步。

  • 好吧,这有助于人们了解为什么格式在不同情况下可以很好地工作。没有规定*必须*将每种格式都用于x或y,并且如果您知道每种格式在保存图像时都在做什么,那么您将倾向于知道如何针对特定格式优化特定图像。编辑:Smashing杂志对[PNG优化](http://www.smashingmagazine.com/2009/07/15/clever-png-optimization-techniques/)和[JPEG](http:/ /www.smashingmagazine.com/2009/07/01/clever-jpeg-optimization-techniques/)。 (3认同)