Pixel Art Editor

Pixel Art Editor es un editor pequeño y deliberado para dibujar sobre una cuadrícula de píxeles en el navegador. Sin capas, sin pinceles y sin línea de tiempo: una cuadrícula, cuatro herramientas, un selector de color, una paleta y un botón de exportar. Esa contención es la idea. Cada clic cae en una celda, así que un sprite o un icono sale con los bordes que has colocado, no con los bordes suaves que añadiría un editor de dibujo general.

Qué hace

• Cuadrícula de 1×1 a 64×64. Empieza en 16×16. Puedes cambiar el ancho o el alto cuando quieras: los píxeles que ya están en el lienzo se quedan donde están y el área nueva se añade por la derecha y por abajo; al reducir, se recorta por esos mismos bordes. 64×64 es el límite, suficiente para un sprite, un avatar o un icono pequeño y con todas las celdas accesibles en el móvil.
• Cuatro herramientas. El lápiz coloca el color seleccionado, la goma devuelve una celda a transparente, el relleno cubre una zona conectada del mismo color y el cuentagotas toma un color del lienzo. El selector acepta cualquier color; la paleta es un conjunto fijo de atajos, no una paleta personalizada que se guarde.
• Deshacer y rehacer durante toda la sesión. Dibujar, borrar, rellenar, limpiar, redimensionar, cargar un proyecto e importar un JSON se convierten en pasos del historial. Ctrl+Z y Ctrl+Y lo recorren. El historial vive en memoria: al recargar la página empieza uno nuevo.
• Zoom y cuadrícula que se puede ocultar. El zoom va del 50 % al 1000 % en pasos del 10 %. Con mucho zoom, la cuadrícula ayuda a colocar píxeles sueltos; ocúltala cuando quieras ver el dibujo tal como quedará. P, E, F, I y G cambian de herramienta y muestran u ocultan la cuadrícula desde el teclado.
• Proyectos con nombre en el navegador. Guarda el dibujo actual con un nombre y cárgalo o bórralo desde la lista del botón Load. Los proyectos conservan ancho, alto y píxeles, así que un sprite de 32×24 vuelve como un 32×24. Se guardan en este perfil del navegador, no en una cuenta.
• PNG, SVG y JSON de salida; JSON de entrada. El PNG se exporta con un píxel por celda y fondo transparente: un dibujo de 16×16 es un archivo de 16×16. El SVG es vectorial, sale a 10× el tamaño de la cuadrícula y se mantiene nítido a cualquier escala. El JSON guarda las dimensiones y el color de cada celda, y se puede importar después para seguir editando. Ese mismo JSON es el respaldo portátil.
• Sin conexión tras la primera carga. La aplicación y sus recursos quedan en la caché del navegador, así que sigue funcionando sin conexión. Se instala como PWA en Android, iOS, Windows, Mac y Linux. No hay cuenta, ni nube, ni publicidad.

Qué no hace

• No importa imágenes. No se pueden abrir PNG, JPG ni SVG como punto de partida; la única importación es el JSON de la propia app. No calca una foto ni convierte una imagen en píxeles.
• No tiene capas, fotogramas ni animación. Hay una sola cuadrícula y no hay referencia de fotogramas, línea de tiempo, modo de baldosas (tileset) ni exportación a hoja de sprites. Es un editor para una imagen fija.
• No guarda automáticamente. El dibujo actual se pierde si recargas o cierras la pestaña sin pulsar Save ni exportar. Los proyectos guardados viven en el almacenamiento local del navegador; borrar los datos del sitio, usar el modo incógnito o cambiar de perfil los elimina. Exporta el JSON si el dibujo importa.
• No ofrece tamaños de exportación. El PNG es un píxel por celda, no una imagen ampliada. Si necesitas un 160×160 a partir de un sprite de 16×16, usa el SVG o amplía el PNG en otro programa; el editor no lo remuestrea por ti.
• No sincroniza entre dispositivos. No hay cuenta ni copia en un servidor. Para mover un dibujo a otro dispositivo hay que exportar el JSON e importarlo allí.

Privacidad y sin conexión

El dibujo, los proyectos guardados y el historial se quedan en el navegador. No se crea ninguna cuenta y no se sube ningún dibujo. La aplicación y sus recursos se guardan para funcionar sin conexión. El menú opcional de Ufumbuzi incluye un código QR generado por un servicio externo; esa acción concreta necesita conexión, el editor no.

Para qué sirve

Es para el momento en que un editor de dibujo general es demasiado y un editor de texto es demasiado poco: un sprite de videojuego, un favicon, un avatar, un icono pequeño para un proyecto. La cuadrícula fija hace que el resultado sea reproducible, y los tres formatos de exportación cubren los siguientes pasos habituales: PNG para una imagen rápida, SVG para un recurso escalable y JSON para volver al mismo archivo mañana.

Para dibujar a mano alzada con distintos pinceles y una imagen de fondo, la pizarra de dibujo encaja mejor. Para preparar una paleta antes de empezar, el creador de paletas te da los colores y sus códigos. Y para tener las aplicaciones que usas en un solo sitio, el lanzador de aplicaciones las reúne en una pantalla.