Frontender Libs - обзор библиотек JS / CSS

Node.js | Создание атласа спрайтов



Атлас спрайтов - файл с несколькими изображениями. В случае Web разработки используются в связке с CSS для оптимизации сайта.

Можно собирать атласы в ручную, а можно воспользоваться пакетом spritesmith.



Пример

var fs = require('fs')

var Spritesmith = require('spritesmith')



var sprites = ['fork.png', 'github.png', 'twitter.png']

Spritesmith.run({ src: sprites }, (err, result) => {

  fs.writeFileSync('spritesheets.png', result.image)

  console.log('coordinates:', result.coordinates, '; properties:', result.properties)

})