Sprite Master es una aplicación para OS X que permite generar de forma rápida y sencilla una hoja de sprites que podremos usar en nuestra web por ejemplo. Una aplicación que no es imprescindible pero sí puede resultar útil para algunos usuarios.
Los que estéis menos puesto en temas de diseño web tal vez no sepáis que para agilizar los tiempos de cargas de una web se suele utilizar un único archivo con las imágenes que se usarán en botones, logo, etc…
De esa forma, cuando la web carga por primera vez lo hace también dicho archivo. Así evitamos nuevas cargas al mantenerse en caché acelerando todo. Para luego usar cada sprite usamos CSS que determinará la posición y mostrará sólo el elemento que queremos. Además se puede usar con motores de juegos como Cocos2D, Corona, LibGDX, etc.
Con dos versiones, una gratuita y otra de pago, Sprite Master se puede descargar a través de la Mac App Store. Como os digo no es una aplicación para todo tipo de usuarios, tiene su nicho y los usuarios más avanzados harán todo esto de forma manual pero si podemos acelerar el trabajo mejor.
El precio de Sprite Master es de 8,99 euros.
Descargar | Mac App Store
Ver 6 comentarios
6 comentarios
araka
Con dos versiones, una gratuita y otra de pago, Sprite Master se puede descargar a través de la Mac App Store.
Realmente hay tres versiones:
- Una gratis para diseño web, que mete una marca de agua en los archivos que exporta.
- Una de pago (3,59€) para diseño web. Esta y la anterior tienen las siglas "CSS" en su icono.
- Una de pago (8,99€) para diseño web y juegos. Ni idea de qué añade que no tenga la anterior (supongo que los archivos de exportación), pero en principio la gratuita no sería una versión "lite" de esta sino de la de 3,56€.
joseramonrc1
¿Toda la gráfica de una web en una sola imagen? ¿Qué disparate es ese? Que sea para hacer una imagen de sustitución, vale, pero tener una sola imagen para una web completa es contraproducente para el posicionamiento, además de una lata. Señores, útil es una aplicación que te optimiza las imágenes para web (leyendo las primeras líneas pensaba que era para eso) pero esto es una tontería, y quien pague 9€ por esto es digno de castigo.
98979
A ver, un sprite se usa para aglutinar varias imagenes en un archivo, precargandolas en memoria para reducir el tiempo que tardan en mostrarse en pantalla.
Imaginad el siguiente caso: teneis un menu en una pagina web en el que cada opcion es una imagen. Al pasar el raton por encima de cada seccion del menu cambia la imagen. Si se divide en archivos individuales y se diseña la pagina para que cargue la imagen despues de haber cargado la pagina, cuando pasemos el raton por encima del menu, la imagen tardara en cargarse al tener que realizar una nueva solicitud al servidor, cosa que no ocurre si se carga todo a la vez.
Tambien simplifica la creacion de "temas" para la pagina. Cambiar un unico archivo para cada tema es mas rapido que modificar muchas lineas de codigo con la ruta y el nombre de cada fichero.
Para los juegos, tambien es mas eficiente cargar una vez una imagen y mostrar una seccion que cargar-mostrar-liberar_memoria-cargar_otra_imagen-mostrar-liberar_memoria, aparte de que tambien reduce el numero de accesos al disco.
La idea de cargar la grafica entera de una web en una sola imagen es, como poco, descabellada. Se suele hacer con elementos independientes, tales como menus, banners, logos, bordes y elementos estaticos en general.
andromort
Realmente, es un poquitin caro. Ya hay herramientas para esto; yo, por ejemplo, uso el 'TexturePacker', aunque nose si dicha app es amigable con el diseño web.