html – 如何处理大幅降低网站负载的大图像

概述我正在开发一个已由其他人设计的网站.设计师使用了一个大图像(900×700 100KB),其顶部包含一个大徽标,然后是两列的背景. 每次加载页面时都会加载此图像,因为它构成了网站的基础.我该怎么做才能改善装载时间？ 我正在考虑将它分成两个或更多图像,尤其是顶部的徽标.拆分这样的图像是否会以任何显着的方式减少加载时间？ 谢谢 -edit：此外,所有图片都是.jpg,会将此更改为.gif或.png帮助 我正在开发一个已由其他人设计的网站.设计师使用了一个大图像(900×700 100KB),其顶部包含一个大徽标,然后是两列的背景.

每次加载页面时都会加载此图像,因为它构成了网站的基础.我该怎么做才能改善装载时间？

我正在考虑将它分成两个或更多图像,尤其是顶部的徽标.拆分这样的图像是否会以任何显着的方式减少加载时间？

谢谢

-edit：此外,所有图片都是.jpg,会将此更改为.gif或.png帮助什么？

解决方法 要尝试的事情：

>重复背景：如果可以将其中的一部分分解为重复图像,则可以通过这种方式减少文件大小(将图像划分为不重复的部分,例如徽标,以及执行的部分,然后使用CSS重复它作为背景).
>缓存：您应该查看图像是否正确缓存.它没有理由在每个页面请求上重新加载.如果http标头正确允许缓存,则在从缓存中清除映像之前,浏览器不会再次请求缓存.

有关使用http标头进行缓存控制的一些信息,请参阅http://www.mnot.net/cache_docs/.

使用Web Developer toolbar for firefox检查图像的标题(点击图片网址,然后点击信息>查看回复标题)>文件质量或类型：此外,您可以使用Photoshop以不同格式或更低质量重新保存图像. GIF和JPG图像可以根据图像的内容对同一图像具有大不相同的文件大小(GIF对于具有有限和/或重复颜色的图形非常有用,尤其是当相同颜色的大部分在连续水平像素中运行时) .如果图像是照片般的,JPG可以非常好,因为可以在非常详细的图像中伪装高压缩.

总结

以上是内存溢出为你收集整理的html – 如何处理大幅降低网站负载的大图像全部内容，希望文章能够帮你解决html – 如何处理大幅降低网站负载的大图像所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。