[发明专利]一种雪碧图的生成方法及装置

说明书

本申请公开了一种雪碧图的生成方法及装置。该方法在获取至少一个待合成图片的图片尺寸后，根据预设二叉树布局算法和图片尺寸，对至少一个待合成图片进行合成布局，得到目标合成区域的区域信息和至少一个待合成图片在目标合成区域中的位置信息，并根据目标合成区域的区域信息和至少一个待合成图片在目标合成区域中的位置信息，获取至少一个待合成图片的雪碧图。该方法通过采用可以支持多操作系统的二叉树布局算法，来简化图片的合成过程，且可以自定义待合成图片的排列布局，增加了图片排列方式的可扩展性，以满足不同的应用需求。

技术领域

本申请涉及通信技术领域，尤其涉及一种雪碧图的生成方法及装置。

背景技术

雪碧图也叫CSS精灵，是一种层叠样式表(Cascading Style Sheets，CSS)图像合成技术。目前的网站开发90％以上会用到小图标，多个小图标调用显示是前端开发常见的操作，如果每个小图标都单独调用一张图片进行显示，这就意味着每个小图标的显示都产生一个HTTP请求，但每个HTTP请求都需要一定的性能开销。为了减少HTTP请求数量，加速网页内容显示速度，很多网站的导航栏图标、登录框图片等使用的并不是image标签，而是CSS雪碧图。CSS雪碧图允许将一个多个小图标页面涉及到的多个小图标的图片都包含在一张大图中，当访问该页面时，只需要产生一个HTTP请求来载入多个小图标的图片合成的大图即可，由此减少了HTTP请求数量，加速了图片显示速度。

目前，雪碧图生成方法可以通过使用photoshop的图像处理软件手动合成，也可以通过使用专业生成雪碧图的软件。

然而，发明人发现通过photoshop的图像处理软件生成雪碧图的方式需要专业人员手动进行图片合成，导致图片合成过程繁琐。专业生成雪碧图软件生成雪碧图的方式虽然不需要人工操作，但每款软件只支持固定的图片排列布局，如横向布局、纵向布局等，可扩展性较差。

发明内容

本申请实施例提供一种雪碧图的生成方法及装置，解决了现有技术的上述技术问题，以提高雪碧图中图片排列布局的可扩展性。

第一方面，提供了一种雪碧图的生成方法，该方法可以包括：

获取至少一个待合成图片的图片尺寸；

根据预设二叉树布局算法和所述图片尺寸，在预设的第一合成区域内对所述至少一个待合成图片进行合成布局，得到目标合成区域的区域信息和所述至少一个待合成图片在所述目标合成区域中的位置信息，所述目标合成区域为包含所述至少一个待合成图片的区域；

根据所述目标合成区域的区域信息和所述至少一个待合成图片在所述目标合成区域中的位置信息，获取所述至少一个待合成图片的雪碧图。

在一个可选的实现中，获取至少一个待合成图片的图片尺寸之后，所述方法还包括：

选取所述至少一个待合成图片中每个待合成图片的长度和宽度中的最大值；

按照选取的最大值，对所述至少一个待合成图片进行降序排列；

根据预设二叉树布局算法和所述图片尺寸，在预设的第一合成区域内对所述至少一个待合成图片进行合成布局，得到目标合成区域的区域信息和所述至少一个待合成图片在所述目标合成区域中的位置信息，包括：

根据排序后的至少一个待合成图片和所述预设二叉树布局算法，依次将所述至少一个待合成图片添加入所述第一合成区域；

若所述至少一个待合成图片中的当前待合成图片不能添加入所述第一合成区域，则根据所述当前待合成图片的图片尺寸和预设调节算法，调节所述第一合成区域，得到第二合成区域；

当所述第二合成区域包括所述至少一个待合成图片时，将所述第二合成区域确定为所述目标合成区域。