我正在尝试在网站上加载大量的ong图像。我试过用photoshop - ＆gt; posterize方法减少重磅文件的文件大小，然后是一些在线工具，以减少png文件大小，而不会严重影响图像的文件大小。 我已尝试预加载图像，但仍然需要花费大量时间来加载。
有人可以建议我一些方法来减少网站上png图片的加载时间，这样他们加载的速度很快吗？
非常感谢提前！
答案 0 :(得分：1)
即使您按照以前的所有/部分建议操作，您工作流程的一个不错的插件就是将所有PNG传递到PNGoptimizer。
这是一个简单的拖放程序，可以从PNG中删除不必要的信息。根据图像类型，尺寸节省在5-10％到70％之间。
答案 1 :(得分：0)
尝试使用XHR和一些服务器技巧进行预加载。 或使用webp格式。
答案 2 :(得分：0)
你的问题必须在其他地方。
最多，79kb x 5小于1/2 MB。这只是缓慢连接的缓慢负载。
我建议您安装YSlow（http://developer.yahoo.com/yslow/）。它分析网页并根据一组高性能网页规则提出改进其性能的方法。
答案 3 :(得分：0)
有一个很好的JS脚本来简化图像的预加载：https://github.com/jussi-kalliokoski/html5Preloader.js
还要注意，正确的缓存对于重型站点来说是必须的。 Google为此目的提供了很好的介绍：https://developers.google.com/speed/docs/best-practices/caching
为避免在您的网站上闪烁图像，请在加载时间较短的情况下加载低分辨率图像，将其拉伸至完整尺寸，并在加载高分辨率图像时进行更换。为了改善光学性能，您还可以在低分辨率图像上放置网格。
这对访客来说非常整洁，减少了等待时间。
答案 4 :(得分：0)
根据您拥有的服务器，我将image gen用于我的所有.net站点。
http://our.umbraco.org/projects/website-utilities/imagegen
<img src="/ImageGen.ashx?image=/images/an-image.png&width=50&height=50" width="50" height="56" alt="">
答案 5 :(得分：0)
Photoshop的Posterize对你没有帮助; PNG不使用调色板（除非您选择PNG-8）。您可以使用File-＆gt; Export for Web导出较小的PNG（或gif）。如果您的图像包含alpha信息，则在导出Web时会丢失。 PNG-8和PNG-24都具有索引透明度。
答案 6 :(得分：0)
@ShrutiJakhete你可以在你的HTML5中使用延迟加载Jquery。向下滚动页面后，视图端口外的图像将不可见。因此，它将减少加载时间。看看http://www.appelsiini.net/projects/lazyload