Espeluznante Una suite para fusionar múltiples imágenes y generar CSS correspondientes de una sola vez
Descargar ahora

Espeluznante Clasificación y resumen

Espeluznante Etiquetas

CSS fusionar imágenes mapache posicionamiento posicionamiento CSS sprites asignador

Espeluznante Descripción

Una suite para fusionar múltiples imágenes y generar CSS correspondientes de una sola vez Spritemapper es una aplicación que combina varias imágenes en una y genera posicionamiento CSS para las rebanadas correspondientes. El paquete consiste en una herramienta de línea de comandos simple que "hace el trabajo" y una biblioteca de Python, incluido su propio analizador PNG y CSS. La elección de la escritura / agrupamiento fue para mantenerse fuera de los requisitos de terceros. Cualquiera que haya tenido el agradable trabajo de instalar Pil en varias plataformas debe tener una buena idea de lo que estamos tratando de evitar. Hay múltiples alternativas al espectáculo, pero todos requieren un poco demasiado mano de obra manual, mientras que las lecturas de Spritemapper. Su CSS actual, reemplazando las imágenes de fondo y la posición con el resultado generado. Esta técnica mejora drásticamente la velocidad de carga de su sitio web, reduciendo efectivamente el ancho de banda al descargar menos imágenes. PRITEMAPPER en ActionHay un ejemplo simple que ilustra qué Spritemapper hará con su CSS: .EMOTE.SMILE {ANTECEDENTES: URL roja (.../ img / emoticones / smile.png) sin repetición;}. Emote.grin {Fondo: URL blanca (../ img / emoticons / grin.png) no-repetición;} se convierte en : .EMOTE.SMILE {ANTECEDENTES: URL roja (../ img / emoticons.png) no-repetición 00;}. emote.grin {fondo: URL blanca (../ img / emoticons.png) no-repetir 0 -16px;} Verifique nuestra página de inicio para ejemplos de la vida real.Usage: -H, --Help Muestre un mensaje de ayuda y SALIR-C INI, --conf = ini lee Configuración de la base de INI (consulte las opciones de configuración) - Padding = n Mantenga N Píxeles de acolchado entre SpritesConfiguration Options Opciones de configuración se pueden especificar de una de dos maneras: en línea en la CSS, o usando la aprobación de un archivo INI con valores predeterminados. Para CSS se ve algo así: / * Spritemapper.Output_css = foofile.cssyou puede hacer el equivalente exacto utilizando un archivo INI, como este: Output_CSS = FOOFILE.CSSIT es importante tener en cuenta que todas las rutas son relativas al archivo CSS procesado.base_url A URL a la que se pueden alcanzar los archivos CSS y la imagen resultantes. De forma predeterminada utiliza las rutas relativas a los archivos (recomendadas) .sprite_dirs una lista de directorios dentro de los cuales permitir que se genere spritemaps. Por defecto, todos los directorios son elegibles. Conjunto recursivo si se deben generar sub-spritemaps cuando se encuentran subdirectorios. establecido por default.output_image el nombre de la imagen de Sputput Spritemap. Sprite_DIRS es incompatible con esto porque ambos les dicen a la espiga cómo ordenar los sprites en Spritemaps. Por defecto + .png.output_css el nombre para el archivo CSS reescrito. Por defecto SM_ {BASENAME} {Extension} .Padding Cantidad de espacio de relleno entre dos imágenes. Esto es en su mayoría útil para contrarrestar los artefactos de renderización de subpíxeles en dispositivos iOS. De forma predeterminada 1.Neal_Steps Un número más grande aquí hace que el algoritmo del paquete de caja pruebe más combinaciones. Por defecto 9200.RUNNING TESTSTHE Test Suite requiere la nariz. Puede ejecutarlos a través de SETUP.PY, PYTHON SETUP.PY PRUEBA o NOSETESTS simples. Requisitos: · Python

Espeluznante Software relacionado