tight-sprite | Tight 2D rectangle packer suitable for sprites

tight-sprite is a JavaScript library. tight-sprite has no bugs, it has no vulnerabilities and it has low support. However tight-sprite has a Non-SPDX License. You can install using 'npm i tight-sprite' or download it from GitHub, npm.

CSS sprites is a techniques designed to replace multiple images with one, which combines all of them. The goal is to increase the overall performance of a web application by:. All three points have the biggest impact on mobile platform, but are generic enough to improve all web application targets. While modern compression tools can produce small files even from naively made sprites, e.g., all images are vertically stacked padded with a static color, this padding is essentially a wasted space, but usually it can be efficiently compressed. Nevertheless at some point such sprite will reach its destination and will be unpacked spending 3-4 bytes per pixel regardless of how well it was compressed before. Browsers retain images as long as they are visible, so typically sprites are live during the life span of their web application reducing the available memory, forcing more frequent runs of a garbage collector, and even forcing some applications into swapping. Assuming that all images in a sprite are necessary, the only part, which can be reduced, is a wasted area. The way to reduce waste is to use an efficient packing algorithm. This is the purpose of this library.