【技术实现步骤摘要】
网页图片处理方法及装置
本专利技术涉及网页设计领域，具体涉及一种网页图片处理方法及装置。
技术介绍
在web (网页)前端开发中，经常需要使用一些小图片，一般可以通过css (层叠样式表)中的background-1mage (背景图片)属性来引用这些小图片。由于每个小图片都是一个独立的网络资源，为了提高页面访问速度，出现了 css sprites(图片合并)技术，其将一个页面涉及到的多个零星的小图片合并到一张大图片中去，这样，客户端就不需要对每个小图片进行单独的请求，只需要请求合并后的大图片，从而减少了网络请求数。当整幅大图片载入完成后，可以使用CSS方法通过设置background-position (背景位置)的方式来定位到小图片在大图片中的位置，完成所需图片的准确调用。现有的实现图片合并的一种方案是完全人工通过photoshop软件进行拼图，css里的background-1mage (背景图片)直接引用大图片的地址，然后在photoshop里测量每张小图片的位置，人工在对应的css里增加background-position的代码。例如,测量一张...
【技术保护点】
一种网页图片处理方法，其中，网页的样式表文件中包括对预定子目录下的多张小图片的引用，所述方法包括：将预定子目录下的多张小图片合并成一张大图片；获取每个小图片在大图片中的位置；将所述样式表文件中对每个小图片的引用修改为对大图片的引用，并在所述样式表文件中添加小图片在大图片中的位置信息。
【技术特征摘要】
1.一种网页图片处理方法，其中，网页的样式表文件中包括对预定子目录下的多张小图片的引用，所述方法包括: 将预定子目录下的多张小图片合并成一张大图片； 获取每个小图片在大图片中的位置； 将所述样式表文件中对每个小图片的引用修改为对大图片的引用，并在所述样式表文件中添加小图片在大图片中的位置信息。2.如权利要求1所述的网页图片处理方法，其中，还包括:获取所述样式表文件的配置信息，并从所述配置信息中获取待合并的多个小图片所在的预定子目录。3.如权利要求1或2所述的网页图片处理方法，其中，所述将所述样式表文件中对每个小图片的引用修改为对大图片的引用，并在所述样式表文件中添加小图片在大图片中的位置信息，包括: 将所述样式表文件中引用小图片的“背景图片”属性值修改为大图片的url地址，并添加引用小图片的“背景位置”属性，将“背景位置”属性值设置为小图片在大图片中的位置。4.如权利要求3所述的网页图片处理方法，其中，所述样式表文件为cs...
【专利技术属性】
技术研发人员：李成银，
申请(专利权)人：北京奇虎科技有限公司，奇智软件北京有限公司，
类型：发明
国别省市：
还没有人留言评论。发表了对其他浏览者有用的留言会获得科技券。