¿Cómo trabajar con sprites de imágenes en Photoshop?

Uso sprites CSS para reducir la carga del servidor y así hacer que la página se cargue más rápido. Esto es muy efectivo, pero me resulta difícil administrar estas imágenes compuestas.

Decidí usar los cortes de Photoshop para realizar un seguimiento de las diversas áreas asignadas a cada imagen (algunas de ellas tienen espacios en blanco alrededor), porque las guías se volvieron rápidamente inmanejables.

El problema ahora es que cuando exporto para la web solo puedo exportar segmentos individuales y no la imagen completa, lo que niega la idea. Entonces recurro a hacer una copia de la imagen antes de exportar y exportar esa imagen plana.

¿Hay alguna forma de exportar para la web una imagen completa que contenga cortes? Y, además, ¿hay una forma más práctica de hacer esto?

editar

Tengo imágenes de diferentes tamaños (en el mismo lienzo de Photoshop) y de diferentes usos, lo que significa que a veces tendré que dedicar una línea completa a un sprite o, a veces, tendré que hacer un seguimiento de los espacios en blanco que deben ser preservado alrededor de un icono.

Las guías no me permiten mantener una vista clara del área dedicada a un sprite específico.

Pero una imagen lo mostrará mejor que las palabras:

Con guías

con guías, los sprites no están claramente delimitados

con rebanadas

con cortes, cada área de sprites es claramente visible

Entonces, trabajar con cortes hace que sea más fácil visualizar mis sprites, pero luego es imposible exportar la imagen completa.

¿Hay alguna solución en Photoshop?

Consulte esta pregunta que tiene algunas respuestas: graphicdesign.stackexchange.com/questions/18780/…
Gracias, pero esto no es de lo que se trata mi pregunta.
Las imágenes no pueden contener sectores, ya que los sectores son imágenes individuales. Siempre puede elegir Guardar como... para guardar su hoja de sprites como una imagen.

Respuestas (1)

No uses rebanadas. Las rebanadas son para... bueno, rebanar... que es exactamente lo contrario de lo que quieres hacer con las hojas de sprites.

Solo uso guías. Entonces, si estoy haciendo una hoja de sprites de icono, tal vez haga mi imagen de 40 px de alto x 400 px de ancho y luego arrastre una guía vertical cada 40 px para hacer mi 'caja' para el icono.

¿Cómo trabajar con sprites de imágenes en Photoshop?
RespuestasAquíPolítica de privacidad1y, 0v