Method and device for generating Sprite chart

Abstract

The invention discloses a method and a device for generating a Sprite chart. The method comprises the steps of obtaining a picture size of at least one to-be-synthesized picture; obtaining a picture according to a preset binary tree layout algorithm and a picture size, and performing synthesis layout on the at least one to-be-synthesized picture, and obtaining region information of the target synthesis region and position information of the at least one to-be-synthesized picture in the target synthesis region, and obtaining a Sprite picture of the at least one to-be-synthesized picture according to the region information of the target synthesis region and the position information of the at least one to-be-synthesized picture in the target synthesis region. A binary tree layout algorithm capable of supporting multiple operating systems is adopted to simplify the picture synthesis process, the arrangement and layout of to-be-synthesized pictures can be customized, and the expandability of the picture arrangement mode is improved to meet different application requirements.

Description

technical field [0001] The present application relates to the field of communication technologies, and in particular to a method and device for generating a sprite map. Background technique [0002] Sprite images, also called CSS sprites, are a Cascading Style Sheets (CSS) image synthesis technology. More than 90% of the current website development will use small icons. Calling and displaying multiple small icons is a common operation in front-end development. If each small icon calls a picture for display, it means that the display of each small icon Both generate an HTTP request, but each HTTP request requires a certain performance overhead. In order to reduce the number of HTTP requests and speed up the display of webpage content, many websites use navigation bar icons and login box pictures that are not label, but a CSS sprite map. The CSS sprite image allows the images of multiple small icons involved in a page with multiple small icons to be included in a large ima...

AI Technical Summary

Problems solved by technology

[0004] However, the inventor found that the method of generating the sprite image through the image processing software of photoshop requires professionals to manually synthesize the pictures, resulting in a cumbersome process of picture synthesis

Although the way of professional sprite image generation software does not require manual operation, each software only supports fixed image layouts, such as horizontal layout, vertical layout, etc., and the scalability is poor

Images