Generador de pixel art
Primero crea un proyecto
Este paso no tiene ningún proyecto recuperable en esta pestaña. Vuelve a la configuración para crear uno.
Volver a la configuraciónConfigura una cuadrícula de píxeles vacía
Elige un nombre y un lienzo lógico de 4×4 a 64×64. Al cambiar el tamaño se crea un proyecto vacío; los píxeles nunca se remuestrean.
Solo JSON de pixel art de Hyperion, hasta 256 KiB. Un archivo no válido nunca sustituye la ilustración actual.
Dibuja pixel art a mano sobre una cuadrícula lógica vacía, sin indicaciones de texto, conversión de fotos ni subidas. Elige un lienzo de hasta 64×64, dibuja con lápiz, goma y relleno delimitado, toma colores, refleja trazos, deshaz cambios y exporta un sprite transparente. El editor funciona en tu navegador y conserva el proyecto en la pestaña actual.
Cómo dibujar pixel art desde cero
-
1
Elige la cuadrícula lógica
Ponle nombre al proyecto y define una anchura y altura de 4 a 64 píxeles. Los tamaños predefinidos permiten crear rápidamente lienzos cuadrados.
-
2
Dibuja y perfecciona
Usa el lápiz, la goma, el relleno o el cuentagotas con tu paleta. Activa el reflejo horizontal o vertical y deshaz trazos completos.
-
3
Revisa el sprite
Comprueba sus dimensiones lógicas, el número de píxeles coloreados y la cantidad de colores antes de exportarlo.
-
4
Exporta un archivo nítido
Descarga un PNG transparente a escala entera, un SVG compacto o un JSON de proyecto validado para seguir editándolo.
Un editor de pixel art para dibujar píxel a píxel
El pixel art se diseña celda a celda. Este editor parte de una cuadrícula vacía y transparente, y guarda un color, o transparencia, por cada píxel lógico. No convierte fotografías en bloques de color promediado; para ese proceso, usa el Pixelador de imágenes. Tampoco genera imágenes a partir de una instrucción para una IA.
Una cuadrícula pequeña obliga a definir mejor la silueta, mientras que una grande deja espacio para sombreado y accesorios. Estos tamaños son puntos de partida prácticos, no reglas de ninguna plataforma:
| Lienzo lógico | Buen punto de partida |
|---|---|
| 8×8 | Símbolos diminutos, ejercicios con glifos y mosaicos sencillos |
| 16×16 | Iconos de interfaz, objetos de inventario y sprites compactos |
| 32×32 | Personajes, criaturas y objetos de videojuegos |
| 64×64 | Sprites detallados, retratos e ilustraciones independientes de mayor tamaño |
Amplía sin perder nitidez
La exportación PNG utiliza una escala entera y desactiva el suavizado. Así, cada píxel de origen de un lienzo de 16×16 se convierte exactamente en un cuadrado de 4×4, 8×8 o mayor, sin bordes borrosos. El damero y la cuadrícula opcional solo sirven de guía en el editor y nunca aparecen en el archivo. Las celdas transparentes siguen siendo transparentes.
El SVG utiliza rectángulos de bordes nítidos y omite las celdas transparentes. El JSON del proyecto conserva la cuadrícula lógica editable y la paleta de trabajo. Es un formato de proyecto de Hyperion, no un sustituto de los formatos con capas de las aplicaciones de pixel art para ordenador.
Herramientas de dibujo y reflejo
- Lápiz colorea celdas y une las muestras rápidas del puntero para que el trazo no tenga huecos.
- Goma devuelve las celdas a la transparencia.
- Relleno cambia una región conectada por cuatro lados; las regiones que solo se tocan en diagonal permanecen separadas.
- Cuentagotas selecciona el color de una celda. Si tomas una celda transparente, se activa la goma.
- Dibujo reflejado reproduce la acción de izquierda a derecha, de arriba abajo o en ambos sentidos. Las filas y columnas centrales solo se aplican una vez.
El ratón, el lápiz digital, la pantalla táctil y el teclado utilizan la misma cuadrícula lógica. Enfoca el lienzo, mueve la celda activa con las flechas y pulsa Espacio o Intro para aplicar la herramienta. P, E, F e I seleccionan herramientas; Supr borra; Ctrl/Cmd+Z deshace.
Funcionamiento en el navegador y referencias técnicas
El editor utiliza la API Canvas, los eventos de puntero y el control de suavizado de imágenes del lienzo. La creación del PNG se basa en la API de exportación a Blob. Las interacciones por teclado y puntero siguen las pautas de operabilidad de las WCAG 2.2.
La ilustración, el nombre y la paleta permanecen en el estado local del navegador; no se añaden a las URL ni a las cargas al servidor. Al cambiar de paso en el asistente sí se realizan las solicitudes de página habituales. Si el almacenamiento de la pestaña no está disponible, el editor completo de una sola página puede seguir funcionando en memoria, pero el asistente no avanzará para evitar perder el proyecto sin avisar.
Preguntas frecuentes
No. Es un editor manual de pixel art sobre una cuadrícula vacía. Tú eliges cada color y dibujas cada celda con lápiz, goma, relleno, cuentagotas y, si quieres, dibujo reflejado. No acepta instrucciones ni llama a servicios generativos.
Esta herramienta crea una ilustración nueva desde una cuadrícula vacía. Un pixelador parte de una foto o ilustración subida y la reduce a bloques mayores de colores promediados. Son dos procesos con finalidades distintas.
Prueba 16×16 para un icono pequeño o 32×32 para un personaje u objeto. Empieza con menos resolución si quieres practicar siluetas y usa 64×64 solo cuando necesites más detalle. La anchura y la altura se pueden definir por separado entre 4 y 64 píxeles.
Sí. Las celdas vacías o borradas tienen alfa cero en el PNG. El damero del editor solo indica transparencia y no se exporta.
La exportación amplía cada píxel lógico con una escala entera exacta y el suavizado desactivado. No interpola colores intermedios entre celdas vecinas.
No. La versión 1 edita una sola imagen fija. Exporta aquí cada dibujo y usa después el Generador de hojas de sprites para reunir los fotogramas terminados en un atlas.
El lienzo admite ratón, lápiz digital y la entrada de un dedo. También se puede manejar con teclado: las flechas mueven la celda activa, Espacio o Intro aplica la herramienta y las letras sirven de atajo.
El editor no sube la ilustración, el nombre del proyecto, la paleta ni los archivos exportados. El proyecto se guarda en la pestaña del navegador. Al abrir la página o pasar entre los pasos del asistente sí se producen solicitudes web normales.
Herramientas relacionadas
Selector de Color de Material Design
Explora la paleta de colores de Material Design. Copia cualquier tono (50 a A700) como HEX, RGB o HSL con un toque.
Comprimir GIF
Reduce el tamaño de un GIF animado en el navegador: baja dimensiones, conserva menos fotogramas y ajusta la calidad de codificación. Previsualiza el bucle antes de descargar.
Generador de papel rayado
Crea papel rayado imprimible gratis. Elige pauta universitaria, ancha o estrecha, ajusta el interlineado en mm, el tamaño de página y una línea de margen, e imprime o descarga el SVG.
Creador de patrones de punto de cruz
Convierte un JPEG, PNG o WebP en un patrón de punto de cruz imprimible de 10–150 puntos, con 2–40 colores propios, símbolos, recuentos exactos y medidas de tela.
Creador de banderas
Diseña una bandera personalizada sencilla 3:2 en tu navegador con seis composiciones, colores, texto y un símbolo. Descarga SVG o PNG, o abre el cuadro de impresión del navegador.
Generador de grafitis
Crea texto estilo grafiti con efectos de firma, burbuja, bloque, plantilla, neón y wildstyle. Ajusta los colores y exporta PNG o SVG en el navegador.
Herramienta disponible en otros idiomas
- 픽셀 아트 생성기 [KO]
- Pixelgrafikverktyg [SV]
- مولّد فن البكسل [AR]
- Generator pixel artu [PL]
- Pixel-Art-Generator [DE]
- Générateur de pixel art [FR]
- เครื่องมือสร้างพิกเซลอาร์ต [TH]
- Pembuat Pixel Art [ID]
- Pixelartgenerator [NL]
- ドット絵ジェネレーター [JA]
- Trình tạo Pixel Art [VI]
- Gerador de pixel art [PT]
- Pixel Art Generator [EN]
- Generatore di pixel art [IT]
- 像素画生成器 [ZH]
- Редактор пиксельной графики [RU]
- Piksel Sanat Oluşturucu [TR]