图片太大有关问题？

图片太大问题？急....
我有个登陆页面，页面背景是一张图片，这个图片太大，超过500KB左右，每次加载登陆页面就感觉很慢，在继续使用背景图片的情况下能否解决这个问题？
[解决办法]
在PS 下， 文件->存储为web格式   优化一下，
或者切成多张
[解决办法]
在登录之前把这张图片让客户端缓存
[解决办法]

引用:

Quote: 引用:

在PS 下， 文件->存储为web格式   优化一下，
或者切成多张

切成多张，但大小也是一样啊

切成多张 有点相当于  多线程 下载了 会提高下载速度，
并且会 下载完成的先显示，不会一定要等大图载完
[解决办法]

引用:

Quote: 引用:

在登录之前把这张图片让客户端缓存

怎么让客户端缓存？登陆界面加载先让客户端缓存会影响登陆界面的加载速度吗？

在一打开你的网站时，你想办法把这个大图片让浏览者缓存起来。
[解决办法]
那你先尽量压缩一下，如果色杂用JPG，如色少用GIF格式
图片应该都有缓存的，最多就是第一次打开慢一些
[解决办法]
给图片增加Expires头，只要浏览器有缓存，就会从缓存中读取

第一次就没办法了，只能靠优化图片，减小大小
[解决办法]
如果颜色复杂的话，只有用ps切图了，颜色简单的话可以用css属性repeat-x/y来做
[解决办法]
你的背景图做得很精细么？
如果不是，那可以适当模糊化，然后加个浅色的蒙板，这样转成质量稍低的jpg，一般网页上也不怎么看出来

一般用户对于这些网页的背景，如果不是摄影或者视觉类网站，都会弱化自身的需求的
不必太过追求完美，要分主次，毕竟数据传输才是网站的重点，太大的图片会消耗太多流量
简单计算一下，假设每天一万人各登录一次
500k * 10000 * 30 = 150G/月
你看，光你这一幅图片，一个月就消耗了150G的流量了，你算算你的手机运营商怎么收你手机的流量费用就明白了，太大的图片其实也是在烧客户的钱啊。
当然，用手机上你网站的可能极少，但我只是给你另一个思考角度——尽可能用更少的字节表达更多的内容
[解决办法]
什么图片要500K，壁纸吗？
参考一下google的图片优化文章吧。
https://developers.google.com/speed/pagespeed/service/OptimizeImages

查看更多 下一篇