日期:2014-05-16  浏览次数:20571 次

图片太大问题?急....
我有个登陆页面,页面背景是一张图片,这个图片太大,超过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