Sprite Machine es una de las mejores herramientas online y gratuitas para la creación de CSS Sprite. De forma simple, rápida y sin la necesidad de escribir una sola linea de código.
La metodología de uso es bien simple.
- Primero debemos selección la disposición que deseamos para la imagen final del sprite. Esta puede ser horizontal o vertical. En este punto lo importante es pensar en el tipo de imágenes que vamos a utilizar. También vamos a seleccionar el tipo de formato de salida para nuestras hojas de estilo, puede ser CSS puro, SCSS y SASS.
- Después arrastramos todas las imágenes comprimidas en formato ZIP. Este detalle es genial, la mayoría de las alternativas nos van a solicitar la subida individual, demandando mucho más tiempo. Sprite Machine resuelve con mucha sencillez este aspecto, simplemente basta con subir todas las imágenes juntas, comprimidas y listo.
- Por ultimo la aplicación nos permitirá descargar el resultado final, es decir, una imagen que contiene a todas las subidas en el paso anterior, y un archivo CSS con todas las clases listas para utilizar.
Utilizar esta genial aplicación no requiere de registro, ni de pago alguno, simplemente la utilizamos tal y como lo describí en esta entrada y listo. A disfrutar!
No olviden las grandes ventajas que tiene utilizar CSS Sprite a la hora de acelerar nuestros sitios, en lo personal cada vez que aplique esta técnica siempre obtuve excelentes resultados.
Web: SpriteMachine
Los comentarios están cerrados.