Spritemapper uma suíte para mesclar várias imagens e gerar css correspondentes em uma só
Baixe Agora

Spritemapper Classificação e resumo

Spritemapper Tag

Css. mesclar imagens. mapeador posicionamento Posicionamento de CSS. Sprite mapeador

Spritemapper Descrição

Uma suíte para mesclar múltiplas imagens e gerar css correspondentes em uma só vez Spritemapper é um aplicativo que funde várias imagens em um e gera posicionamento CSS para as fatias correspondentes. O pacote consiste em uma ferramenta simples de linha de comando que "faz o trabalho" e uma biblioteca Python, incluindo seu próprio parser PNG e CSS. A escolha de escrever / agrupar isso era para ficar fora dos requisitos de terceiros. Qualquer um que já teve o trabalho agradável de instalar pil em várias plataformas deve ter uma boa ideia sobre o que estamos tentando evitar. Há várias alternativas para o SpriteMapper, mas todos exigem um pouco de trabalho manual, enquanto o Spritemapper lê Seu CSS atual, substituindo imagens de plano de fundo e a posição com o resultado gerado. Esta técnica melhora drasticamente a velocidade de carregamento do seu site, reduzindo efetivamente a largura de banda, baixando menos imagens.spritemapper na ação é um exemplo simples ilustrando o que o Spritemapper fará com o seu CSS: .emote.smile {background: url vermelho (../ img / emoticons / smile.png) no-repetir;}. emote.grin {fundo: URL branco (../ img / emoticons / grin.png) sem repetição;} vira em : .emote.smile {fundo: URL vermelho (../ img / emoticons.png) no-repita 00;}. emote.grin {fundo: url branco (../ img / emoticons.png) no-repetir 0 -16px;} Verifique nossa página inicial para exemplos de vida real.Usage: -h, --help Mostrar uma mensagem de ajuda e saída-c ini, --conf = ini ler Configuração Base da INI (Consulte Opções de Configuração) - Padding = N Mantenha N Pixels de preenchimento entre as opções do spritesconfiguração As opções de foguração podem ser especificadas de uma das duas maneiras: Inline no CSS ou usando passar um arquivo INI com os padrões. Para CSS parece algo como: / * spritemapper.output_css = foofile.cssyou pode fazer o equivalente exato usando um arquivo ini, assim: output_css = fofile.cssit é importante notar que todos os caminhos são relativos ao arquivo css processado.BASE_URL Um URL no qual os arquivos CSS e imagem resultantes podem ser alcançados. Por padrão, usa caminhos relativos ao arquivo (recomendado) .sprite_dirs uma lista de diretórios para permitir que os SpriteMaps sejam gerados. Por padrão, todos os diretórios são elegíveis.Recursive Set se os sub-spritemaps devem ser gerados quando os sub-diretórios forem encontrados. definido por default.Output_Image O nome da imagem SpriteMap de saída. Sprite_dirs é incompatível com isso porque ambos dizem ao Spritemapper como classificar os sprites em SpriteMaps. Por padrão + .png.output_css O nome do arquivo CSS reescrito. Por padrão sm_ {basename} {extension} .Padding quantidade de espaço de preenchimento entre duas imagens. Isso é mais útil para neutralizar artefatos de renderização de subpixels em dispositivos iOS. Por padrão 1.Neal_steps Um número maior aqui faz com que o algoritmo da caixa Packer tente mais combinações. Por padrão 9200.Running TestsThe Test Suite requer nariz. Você pode executá-los através do Setup.py, teste Python Setup.py ou nosetestes simples. Requisitos: · Pitão

Spritemapper Software Relacionado