Convertidor de imagen a pixel art
Sube una imagen y la herramienta encuentra la rejilla de píxeles oculta, realinea los píxeles sueltos y reduce los colores a una paleta para crear una imagen píxel limpia. Revisa el resultado con zoom, rejilla y paleta, y guárdalo en PNG.
Imagen
Tamaño de píxel
Colores
Guardar
Tu imagen no se sube a ningún servidor: todo se procesa en tu navegador.
Vista del resultado
Paleta preajustada
sin rodeos.
- Todo a la vistaLa zona de entrada y los resultados se reconocen rápido.
- Resultado primeroEl número principal va delante; el detalle queda debajo.
- Menos requisitosSin registro ni datos innecesarios antes de usar la herramienta.
Cómo funciona el Convertidor de imagen a pixel art
El Convertidor de imagen a pixel art es una herramienta gratuita para pixel art borroso y desalineado. Encuentra la rejilla de píxeles oculta en tu imagen, recoloca cada píxel en su sitio y reduce los colores a una paleta, conservando el detalle intencional como el dithering y los contornos mientras elimina el desenfoque y los artefactos sueltos.
Todo se procesa en tu navegador en cuanto subes la imagen. Revisa el resultado con zoom, una rejilla superpuesta y la paleta de salida, y luego guarda un PNG. Las secciones siguientes explican qué hace cada ajuste y cómo corregir un resultado que sale mal.
Qué hace el Convertidor de imagen a pixel art
Encuentra la rejilla de píxeles de tu imagen, realinea los píxeles sueltos y limpia los colores para producir pixel art de verdad. Úsalo para limpiar pixel art de IA borroso o imágenes cuya rejilla no encaja. También sirve para dar a una foto un aspecto de píxeles.
El encanto nostálgico del pixel art
El pixel art trae la nostalgia de la era de los juegos de 8 y 16 bits. Trabajar con pocos colores y puntos crea imágenes nítidas y memorables. Cada personaje e icono tiene la calidez de algo hecho a mano. Esta herramienta lleva tu foto o ilustración a ese aspecto de píxeles, para crear sprites de juegos retro, avatares píxel e imágenes tipo emoji en segundos.
La rejilla de píxeles: una celda es un píxel
En el pixel art de verdad, una celda de la rejilla es exactamente un píxel. Al ampliar una imagen, esa rejilla se desplaza, una celda se reparte en varios píxeles y los bordes se difuminan. Esta herramienta vuelve a encontrar la rejilla oculta y reúne cada celda en un solo color para que los píxeles queden bien separados.
- Una celda es un píxel, así los puntos caen nítidos.
- Las imágenes ampliadas pierden la rejilla y se rompe la separación de píxeles.
- Realinear la rejilla mantiene limpias las escaleras al ampliar, listo para una hoja de sprites.
Cómo funciona
Trabaja en tres pasos. Cada paso se encadena automáticamente y, al cambiar un ajuste, recalcula al instante.
- Limpieza de color: extrae los colores principales de la imagen para reducir primero el ruido y el desenfoque.
- Detección de rejilla: estima el tamaño de un píxel a partir del espaciado de los bordes que se repiten en cada eje.
- Ajuste a la rejilla: reúne cada celda en un color representativo según ese espaciado, realineando los píxeles sueltos en una rejilla perfecta.
Ajuste de colores
El control fija de 2 a 64 colores. La herramienta extrae esa cantidad de colores representativos de tu imagen para crear una paleta. Menos colores dan un aspecto más nítido y gráfico; más colores se acercan al original. El valor por defecto de 16 funciona bien para la mayoría del pixel art.
Fija los colores con una paleta personalizada
Para usar solo colores concretos, escribe una lista de hex separados por comas, o carga un PNG de paleta para usar únicamente los colores de esa imagen. Es útil cuando varios sprites, tilesets o recursos deben compartir una paleta.
- Ejemplo: 0d2b45,203c56,544e68,8d697a
- Cargar PNG: lee hasta 256 colores de una imagen de paleta automáticamente.
- Borrar: desactiva la paleta personalizada y vuelve al ajuste de Colores.
Tamaño de píxel: automático y manual
La detección automática suele encontrar el tamaño de una celda de la rejilla. Si el resultado sale demasiado fino o emborronado, cambia a «Manual» e introduce la escala original (por ejemplo 8px). Si sabes cuánto se amplió la fuente, ese valor da el resultado más limpio.
Revisa el resultado de cerca
La vista del resultado ofrece varias formas de comprobarlo. Guárdalo si se ve bien o cambia un ajuste y vuelve a revisar.
- Usa el control de zoom para agrandar los píxeles y estudiarlos celda a celda.
- Activa Ver rejilla para superponer los bordes de las celdas y confirmar la alineación.
- Consulta la paleta de salida para ver los colores exactos usados.
- Usa los botones Resultado / Original para comparar antes y después.
Ideal para estas imágenes
Funciona mejor con imágenes que mejoran al reconstruirse sobre una rejilla.
- Pixel art de IA: salidas desalineadas de GPT Image, Gemini y modelos similares
- Tilemaps y mapas isométricos: teselas que no encajan y no se repiten bien
- Recursos y texturas de juegos 2D: para dejarlos nítidos y escalables de nuevo
Cuando no se ve bien
Ajusta en este orden y casi siempre se resuelve.
- La detección automática falla → fija el tamaño de píxel manualmente e introduce el tamaño de rejilla original
- Los colores se ven sucios → sube el número de Colores
- El resultado se parte en celdas minúsculas → introduce un tamaño de píxel mayor
- Foto sin rejilla real → fija un tamaño de píxel manual para una conversión de puntos
Comprueba antes de guardar
Da un vistazo al resultado antes de descargar.
- Amplía para confirmar que los píxeles están bien alineados
- Comprueba que la paleta de salida coincide con los colores previstos
- Confirma que el tamaño de rejilla coincide con la imagen original
- Cuando esté bien, descarga el PNG (escala a 4x u 8x si hace falta)
Consejos para un buen pixel art
Con unos pocos hábitos el resultado queda mucho más nítido.
- Menos colores: empieza con 8 a 16 para ese aspecto gráfico de puntos.
- Ajusta el tamaño de píxel al original: muy pequeño se ve sucio, muy grande emborrona.
- Conserva contornos y dithering: mantén el detalle buscado y evita simplificar de más.
- Fondos simples: personajes y objetos se convierten mejor que escenas recargadas.
- Para sprites, un PNG con fondo transparente es lo más cómodo.
Ideas para usar tu imagen píxel
Desde el uso casual hasta la producción real, sirve para mucho.
- Personajes, sprites y tiles de juegos
- Imágenes de perfil y avatares
- Emojis y stickers
- Fondos de pantalla retro
- Logos e iconos en píxeles
- Imágenes píxel para merch o NFT
Base de código abierto (atribución)
El algoritmo de detección de rejilla, ajuste y limpieza de color está reimplementado en JavaScript para el navegador, basado en el enfoque del proyecto de código abierto de Hugo Duprez, Sprite Fusion Pixel Snapper (Licencia MIT). El proyecto original está enlazado en las fuentes de abajo. Tu imagen no se sube y se procesa solo en tu navegador.
Míralo en acción
Un ejemplo de una imagen subida convertida en pixel art.
Preguntas frecuentes
¿Qué hace el Convertidor de imagen a pixel art?
Encuentra la rejilla de píxeles oculta de tu imagen, recoloca los píxeles sueltos y reduce los colores a una paleta para crear una imagen píxel limpia. Sirve para arreglar pixel art de IA borroso o imágenes cuya rejilla no encaja.
¿Puede arreglar pixel art generado por IA?
Sí, para eso está pensado. Las imágenes de modelos como GPT Image o Gemini (Nano Banana) tienen tamaños y posiciones de píxel irregulares, y esta herramienta los realinea sobre una rejilla consistente.
¿En qué se diferencia el ajuste de Colores de una paleta personalizada?
El ajuste de Colores crea una paleta nueva extrayendo esa cantidad de colores representativos de tu imagen. Una paleta personalizada obliga a usar solo los colores que indiques, útil cuando varios sprites deben compartir una paleta.
El resultado se ve emborronado o demasiado pequeño.
La detección automática de rejilla falló. Cambia el tamaño de píxel a «Manual» e introduce el tamaño de una celda original (por ejemplo 8px). Si los colores se ven sucios, sube el número de Colores.
¿Se sube mi imagen a un servidor?
No. Todo se procesa solo en tu navegador. Tu imagen no se envía a ningún servidor y no hace falta cuenta.
¿Cómo guardo el resultado?
Pulsa el botón Descargar PNG bajo el resultado. La imagen píxel limpia se guarda como PNG en su tamaño de rejilla nativo. Escálala a 4x u 8x si quieres una copia mayor y nítida.
¿De dónde viene el método de la herramienta?
El algoritmo de detección de rejilla y ajuste está reimplementado en JavaScript para el navegador, basado en el proyecto de código abierto Sprite Fusion Pixel Snapper de Hugo Duprez (Licencia MIT).
¿Cuántos colores conviene usar para pixel art?
No hay una única respuesta, pero empezar con 8 a 16 colores resalta ese aspecto nítido de puntos. Más colores se acercan al original y suavizan; menos colores se ven más gráficos y retro. Mueve el control y elige el punto que te guste.
¿Puedo usar la imagen píxel en un juego o como foto de perfil?
Sí. El resultado sale de la imagen que subiste, así que puedes usarlo con libertad. Eso sí, se mantienen los derechos de autor de la imagen original: si subiste el trabajo de otra persona o una imagen con derechos, respeta sus condiciones de uso.
El algoritmo de detección de rejilla y ajuste sigue el enfoque del proyecto de código abierto (MIT) de abajo.