一种web网页图片优化的方法与流程

文档序号:11864916阅读:来源:国知局

技术特征:

1.一种web网页图片优化的方法,其特征在于:所述方法为:根据不同设备的web网页选择不同格式的图片和不同文件大小的图片进行显示,且对图片响应和图片显示进行优化。

2.根据权利要求1所述的一种web网页图片优化的方法,其特征在于:所述方法进一步具体为:web网页判断是否需要显示动态图片,是显示动态图片,则判断web网页是否只兼容OSX和IOS系统即可,是,则选择APNG格式的图片进行显示;否,则选择GIF格式的图片进行显示;不显示动态图片,则判断是否需要精确保留图片细节,否,则选择JPEG格式的图片进行显示,是,判断要选择的图片是否大于256色位图,是,则选择PNG-8格式的图片进行显示,否,则判断是否需要多阶透明显示,是,则选择PNG-32格式的图片进行显示,否,则选择PNG-24格式的图片进行显示。

3.根据权利要求1所述的一种web网页图片优化的方法,其特征在于:所述图片响应优化具体为:对网页图片的标签仍然使用img标签;

通过javascript脚本语言获取设备屏幕的视口viewport的尺寸,并将图片的信息存储在网页cookie中,传给一服务器;

服务器根据图片的信息,改变网页代码中img标签的src属性,从而对图片响应进行优化。

4.根据权利要求1所述的一种web网页图片优化的方法,其特征在于:所述图形显示优化具体为:使用CSS代替图片,

用CSS的设置元素的背景颜色background-image和设置背景图像的起始位置background-position属性,将多个页面上用到的背景图片合并成一个大的图片,将资源内嵌于CSS或HTML中,而不必单独请求,也不用加载多个图片,从而对图片显示进行优化。

当前第2页1 2 3 
网友询问留言 已有0条留言
  • 还没有人留言评论。精彩留言会获得点赞!
1