Gerador de sprites CSS
Organize as imagens e examine a prévia. O CSS gerado define o tamanho e a posição de fundo de cada imagem dentro do sprite.
Funciona localmente no seu navegador · PNG · CSS · ZIP
Organize as imagens e examine a prévia. O CSS gerado define o tamanho e a posição de fundo de cada imagem dentro do sprite.
Funciona localmente no seu navegadorGerador de sprites CSS faz parte das ferramentas de imagem do KivTools. A bancada acima resolve todo o trabalho em uma única tela: arquivos escolhidos no seu dispositivo e depois uma imagem gerada.
A conversão roda dentro da página, em JavaScript. Nada do que você digita é enviado, a ferramenta continua funcionando offline e serve para dados que você não pode mandar para terceiros.
Formatos binários carregam mais do que o conteúdo visível: metadados, perfis de cor, fontes embutidas e, na prática, bastante informação que você não pretendia publicar. Estas ferramentas transformam ou inspecionam o arquivo mantendo o conteúdo útil intacto.
Duas armadilhas dominam: qualidade perdida em recodificações sucessivas e metadados que ficam para trás depois de uma edição. Comprima uma única vez a partir do original e veja o que o arquivo ainda declara antes de compartilhar.
Navegadores, programas de desktop e utilitários de linha de comando devem concordar; diferenças normalmente indicam outra codificação, outro idioma ou outra versão. Abra o resultado em um visualizador confiável e confira tamanho, dimensões e, quando importa, o painel de metadados em vez do nome do arquivo.
Alguns formatos são contêineres: a extensão não diz o que há dentro. Quando um sistema recusa o arquivo, olhe os primeiros bytes antes de renomear. Guarde uma cópia da entrada enquanto testa, para que um ajuste errado nunca destrua o original.
Aceita até 50 imagens, layout, colunas, espaçamento e prefixo de classe; gera prévia PNG, código CSS e ZIP com os dois arquivos.
Unir pequenos ícones de interface em uma requisição, criar sprites de ativos estáticos e gerar coordenadas CSS sem medição manual.
Cada imagem é decodificada e desenhada em Canvas localmente; PNG, CSS e ZIP permanecem no navegador até o download.
As imagens mantêm o tamanho original em células iguais; dimensões muito grandes podem exceder limites do Canvas e animações usam um quadro.
Sim. Todas as ferramentas do KivTools são gratuitas, não exigem conta e não têm cota. Não existe plano pago escondido atrás da bancada nem e-mail obrigatório para usar o resultado.
No seu navegador. O script é carregado uma vez e a conversão acontece na sua máquina; é por isso que a ferramenta continua funcionando quando a rede cai.
Aceita até 50 imagens, layout, colunas, espaçamento e prefixo de classe; gera prévia PNG, código CSS e ZIP com os dois arquivos. Entradas grandes costumam passar sem problema; para volumes extremos, uma ferramenta local de linha de comando é mais adequada.
As dimensões pesam mais no tamanho do arquivo do que o controle de qualidade. Compare antes uma amostra pequena e conhecida quando o resultado alimenta um processo automático.
O resultado é seu: sem marca d’água, sem etiqueta de licença e sem exigência de atribuição. Apenas verifique a licença do formato de base quando ele for para um produto.
A página funciona em qualquer navegador móvel moderno e passa para uma coluna em telas pequenas. As ferramentas locais continuam funcionando offline depois que a página carrega.