Gerador de Sprite Sheet

Combine várias imagens num sprite sheet para background-position em CSS.

Ficheiro de imagem

Largue a imagem aqui, ou clique aqui para procurar

Ferramentas Sugeridas

Redimensionar Imagem
Redimensione imagens para píxeis exactos no browser — os ficheiros não sobem para um servidor.
Recortar Imagem
Recorte uma imagem a uma região selecionada e descarregue o resultado localmente.
Rodar Imagem
Rode imagens em ângulos comuns e descarregue a orientação corrigida.

Gerador de Sprite Sheet empacota frames num atlas para reduzir pedidos HTTP de ícones ou animações.

Adicione várias imagens, execute e descarregue a folha (e anote posições se forem mostradas).

Ativa o JavaScript.