Crear Pixel Art Online
Empieza desde un lienzo en blanco y dibuja con un editor de verdad: capas, opacidad, modos de fusión, paleta viva, historial completo y exportación vectorial.
Turn Pictures Into Pixel Art
Convierte fotos en pixel art en segundos. Edita cada píxel, anímalo y descarga tu creación.
🔒 Tus imágenes nunca salen de tu dispositivo. Todo funciona en tu navegador.
Sakura
Hecho con PixiMelon · Sube. Pixeliza. Edita. Anima. Descarga.
Convierte tu foto en pixel art
Sube una foto y crea pixel art en segundos.
Arrastra y suelta tu foto aquí
o
PNG · JPG · WEBP · SVG · PDF · AI — también puedes pegar una imagen (Ctrl/⌘ + V)
Crear pixel art nuevo
Elige un tamaño de lienzo para empezar a dibujar.
Animar Pixel Art
Elige un tamaño de lienzo para empezar a animar.
Convierte tu vídeo en pixel art
Sube un vídeo y crea una animación pixel art en segundos. Todo funciona en tu dispositivo.
Arrastra y suelta tu vídeo aquí
MP4 · WebM · MOV — procesado local, nunca subido
Procesando fotograma 1 / 1
Empieza con el lienzo adecuado
Elige 16 × 16 para sprites diminutos e iconos, 32 × 32 para el sprite clásico, 64 × 64 para trabajo detallado, 128 × 128 para escenas —o cualquier tamaño personalizado de 4 a 2048 px por lado. La barra muestra siempre el tamaño actual, y los campos W × H redimensionan (escalando tu dibujo) en cualquier momento.
Las herramientas que incluye
- Lápiz (B) — un píxel por clic; mantén Shift para líneas rectas y Alt para tomar un color sin cambiar de herramienta.
- Goma (E) — borra a transparencia; Alt + clic borra todo el color conectado.
- Relleno (G) — bote que respeta los contornos y nunca se fuga por bordes borrados.
- Cuentagotas (I) — muestrea cualquier píxel visible, entre capas.
- Mano (Espacio) y Mover — desplazan la vista o toda la capa activa.
- Deshacer / Rehacer — Ctrl/⌘ + Z, Ctrl + Shift + Z o Ctrl + Y, con historial amplio limitado por memoria.
- Limpiar e Importar — vacía la capa activa o importa foto, SVG o PDF como capa nueva.
Capas, opacidad y modos de fusión
Cada lienzo admite varias capas con nombre, visibilidad, bloqueo, reordenado, opacidad y siete modos: Normal, Multiplicar, Pantalla, Superponer, Oscurecer, Aclarar y Diferencia. Copia, corta y pega capas enteras con Ctrl/⌘ + C/X/V —el pegado es inteligente: en el mismo fotograma crea capa nueva, entre fotogramas pinta en la capa equivalente. En el animador, el interruptor 🔗 comparte una capa en todos los fotogramas: así se hacen los fondos.
Color sin caos
El panel combina tus muestras guardadas con cada color ya usado en el lienzo (hasta 48): la paleta se construye sola mientras dibujas. Guarda favoritas con “+ Añadir” y limpia con “− Quitar”. Trabajar con pocos colores es una técnica —la guía de paletas muestra cuántos necesitas de verdad.
Zoom, rejilla y táctil
Zoom con rueda, botones, ajuste a ventana, vista 100% real y rejilla automática cuando el píxel es grande. Desplaza con el botón central, la Mano o Espacio + arrastrar. En táctil todo va con Pointer Events: dedos y lápices dibujan directos.
Exportación y autoguardado
Descarga PNG a tamaño nativo (1×), SVG vectorial o PDF vectorial —el nombre del proyecto será el del archivo. El trabajo se autoguardada en tu navegador (localStorage) y puedes descargar un proyecto completo (.piximelon.json) como copia o para cambiar de dispositivo. Si empiezas, cómo crear pixel art recorre el proceso entero.
Preguntas frecuentes
¿Con qué tamaño empiezo?
32 × 32 es el sprite clásico y el mejor valor inicial. 16 × 16 para iconos, 64 × 64 para retratos, y personalizados solo con resolución objetivo conocida.
¿Cuántas capas puedo usar?
Sin límite fijo —solo la memoria del dispositivo. Nómbralas, bloquea las terminadas y usa opacidad y fusiones antes de aplanar.
¿El editor autoguardada?
Sí, en tu navegador vía localStorage, más archivos de proyecto manuales como copia. Borrar los datos del sitio elimina el autoguardado: descarga el proyecto para lo importante.
¿Puedo calcar una foto?
Sí —Importar coloca foto, SVG o PDF como capa nueva; dibuja encima en otras capas y luego oculta o borra la referencia.
¿Qué hace exactamente el cambio W×H?
Reescala tu dibujo a las nuevas medidas —remuestrea, nunca recorta en silencio. Deshacer cubre errores, y el animador puede escalar todos los fotogramas a la vez.
¿Cómo dibujo líneas rectas?
Mantén Mayús mientras dibujas con lápiz o goma: la vista previa endereza el trazo antes de soltar.
¿Puedo usar lápiz óptico o tableta gráfica?
Sí. Todo funciona con Pointer Events, así que ratón, dedos y lápices dibujan directos en el lienzo.
¿Cómo hago un sprite con transparencia?
Borra hasta el alfa donde deba transparentar y exporta PNG: el canal alfa se conserva exacto.