Herramienta gratis para crear CSS Sprites

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.

herramienta online para crear css sprite

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

Categorizado en: