¿Hay una manera fácil de crear sprites CSS?

SmartSprites se parece a lo que está buscando: http://csssprites.org/

  • Imágenes repetidas en x e y “spriting” : SmartSprites admite convertir imágenes de fondo repetidas a lo largo de los ejes x e y en sprites.
  • Posición de imagen derecha e inferior : SmartSprites puede convertirse en sprites y también en imágenes de fondo que se colocan a la derecha o al fondo del contenedor.
  • Sprites verticales y horizontales : SmartSprites puede crear sprites distribuidos tanto vertical como horizontalmente, necesarios para admitir fondos repetidos en X e Y y fondos ubicados en la parte inferior y derecha.
  • Márgenes de sprites personalizados : con SmartSprites puede personalizar los márgenes izquierdo, derecho, superior e inferior de cada sprite individual para un posicionamiento perfecto de píxeles.
  • Múltiples imágenes de sprites y archivos CSS : SmartSprites puede procesar múltiples archivos CSS y producir muchos sprites diferentes en un solo paso (por ejemplo, uno vertical para iconos, otro horizontal para pestañas).
  • Fácil integración con los sistemas de compilación : el procesamiento transparente es la fuerza impulsora detrás de SmartSprites, al usar una tarea Ant específica, se puede integrar muy fácilmente en los scripts de compilación automatizados.

He estado usando SpriteCow recientemente y lo recomiendo encarecidamente. Hace justo lo que necesitas y nada más. Interfaz elegante también.

http://www.spritecow.com

Los sprites siempre han sido un dolor y, a veces, no puedes evitar hacerlo tú mismo. Si bien estoy de acuerdo con Ryan en que SmartSprites tiene el conjunto de funciones más completo, a menudo prefiero el enfoque rápido y sucio de SpriteMe.

http://spriteme.org/

SpriteMe es un marcador (una pieza de JavaScript que guarda como marcador), por lo que funciona en cualquier sitio. Incluso puedes probarlo en quora y ver si te gustan los resultados.

Buena suerte reduciendo el recuento de solicitudes DOM.