Tengo muchas imágenes de sprites que contienen docenas de iconos. ¿Hay alguna manera fácil de desentrañar los sprites en archivos de imágenes separados ya sea automáticamente o proporcionándoles coordenadas, anchuras y alturas?¿Herramienta fácil de descomponer la imagen de sprite?
Utilice la herramienta de corte en Photoshop:
slice select tool (tenga en cuenta la seleccione parte de eso, ver captura de pantalla).Divide Slice... en el menú desplegable.save for web and devices...Si son de tamaño desigual (no en una cuadrícula) también puede seleccionarlos individualmente con la herramienta 'slice select' de vainilla. Si tiene muchas cuadrículas similares, guarde todo como una acción de Photoshop y procese por lotes.
dar esto como prueba ya que lo dividirá en filas individuales: http://imagesplitter.net
Pero esto supone que cada fila tiene la misma altura, las imágenes pueden ocupar espacio de diferencia. – Abadaba
Este programa es bastante bueno en los sprites en descomposición en fotogramas individuales
que soporta todos los formatos de mapa de bits estándar,. png, .bmp, .gif, .tiff y hace todo prácticamente de manera automática.
cuando arrastro el elemento en la aplicación y luego hago clic en exportar seleccionado, se congela ... – Abadaba
@abadaba, ¿en serio? parece funcionar bien para mí: S ... ¿tienes una copia de tu sprite que puedo descargar de Internet? Lo probé por mi cuenta y parece funcionar perfectamente – BYS2
Ok ... esto fue simplemente increíble. Funcionó perfectamente No esperaba que hiciera TODO el trabajo por mí. ¡Gracias una tonelada! – Arbel
me encontré con un problema similar después de perder las imágenes de origen para un sprite y construyeron esta herramienta relativamente simple: https://github.com/fmovlex/desprite
Espero que esto ayude.
tenga en cuenta que esto solo funciona cuando tiene un archivo CSS que contiene el ancho/alto y la posición de fondo de las imágenes individuales, cuando solo tiene una imagen de sprite, esta opción no lo ayudará – xorinzor
Esto se trabajó muy bien para mí para extraer imágenes de sprites jquery ui http://renderhjs.net/shoebox/
¡Impresionante! Gracias por el aviso en esta aplicación, funcionó perfecto. –
Creación de png:
utilizo spritepad para crear la imagen PNG, sólo tienes que arrastrar y soltar imágenes para crear el sprite: http://spritepad.wearekiss.com/ (pero como supongo que no quieres este paso).
CSS:
Después de esto importar la imagen a spritecow y obtener el css para cada imagen (haga doble clic en cada imagen para obtener su altura, anchura y coordina): http://www.spritecow.com/
Usted podría usar solo el spritepad pero prefiero usarlo solo para la creación del sprite. Para css, Spritecow me parece más fácil. De todos modos depende de usted.
Hay una aplicación para Android que se repartirán de forma dinámica un mapa de sprites:
https://play.google.com/store/apps/details?id=com.fourqueue.android.texture
Buena pregunta, siempre me sale este problema, sprites tomar las edades. – Adamantus