Imagen a Arte ASCII
Sube imagen para generar arte ASCII automáticamente
Conversor online gratuito de imagen a arte ASCII. Utiliza muestreo de píxeles mediante Canvas en el navegador, ponderación de grises BT.709 (Y = 0,2126R + 0,7152G + 0,0722B) y difuminado Floyd-Steinberg para mapear cada bloque de píxeles a un carácter. Elige entre 3 juegos de caracteres integrados (simple, detallado, bloques) o define el tuyo con cualquier longitud, activa el modo color, fija la proporción y luego copia el resultado al portapapeles o descárgalo como .txt / .png. Ideal para comentarios de código, banners de terminal, avatares retro y otros usos creativos.
Relacionado
¿Qué es el arte ASCII?
El arte ASCII es una forma de arte que utiliza caracteres ASCII para representar una imagen mediante diferencias de densidad. Surgió en los años 70 y 80, cuando las impresoras de línea solo podían imprimir texto y la gente hacía dibujos con caracteres como @, # y $.
**¿Cómo funciona la conversión?** La herramienta lee los datos de píxeles con Canvas, aplica la ponderación BT.709 (Y = 0,2126R + 0,7152G + 0,0722B) para calcular el brillo medio de cada celda de carácter y asigna ese brillo a un carácter en la densidad correspondiente del juego elegido. Los caracteres densos representan zonas oscuras, los dispersos los realces. La herramienta incluye 3 juegos integrados y uno personalizado, con degradados de 8 a 70.
**¿Cómo conserva los colores la variante en color?** En modo color se usan caracteres de bloque (▏▎▍▌▋▊▉█) y cada carácter lleva el color RGB de la celda de píxeles que representa. La salida en color se puede exportar como .png para conservar toda la información de color.
**Comparado con los bitmaps:** la resolución del arte ASCII es el número de caracteres, no de píxeles, por lo que escala con la fuente del terminal y se puede hacer muy grande sin perder nitidez. A cambio, no puede reproducir el detalle fino. Para comentarios de código, banners de terminal y avatares sociales, el arte ASCII suele ser más adecuado que un bitmap.
Casos de uso
- Convierte fotos, logotipos y personajes de dibujos animados en arte ASCII para comentarios de código, READMEs y firmas de foro
- Crea banners de texto para terminales, saludos de SSH, banners de bashrc y como alternativa a figlet
- Expresa una identidad geek con avatares sociales y arte de firma
- Inserta el ASCII generado en issues de GitHub, firmas de correo y entradas de blog como texto plano
- Convierte fotos en arte de caracteres de bloque en color y exporta .png para recursos de diseño retro
- Convierte memes y emojis en ASCII con el juego simple para reacciones de chat
- Genera por lotes comentarios de código o decoraciones de README con estilo artístico
Cómo Usar
- Sube la imagen que quieres convertir (admite JPG / PNG / WEBP / GIF)
- Elige un juego de caracteres: simple (previsualización rápida), detallado (más suave) o bloques (ideal para color)
- Para un look personalizado, cambia a modo detallado y escribe cualquier cadena de caracteres
- Ajusta el ancho de salida (120 caracteres por defecto, rango 10-960); el alto sigue la proporción original
- Elige el modo color (en color o blanco y negro); la versión en color también se puede exportar como .png
- Pulsa copiar para llevar el resultado al portapapeles o descarga .txt / .png para guardarlo
Características
- 3 juegos de caracteres integrados: simple (10 caracteres, el más rápido), detallado (70 caracteres, degradados suaves) y bloques (ideal para terminales y color)
- Juego de caracteres personalizado: escribe al menos 2 caracteres (normalmente 2-30) ordenados de denso (oscuro) a disperso (claro) y la herramienta los asigna automáticamente
- Modo color: la variante en color usa caracteres de bloque para conservar los bloques RGB originales, mientras que el blanco y negro se centra en el contraste
- Bloqueo de proporción: las proporciones originales se conservan y la altura se escala automáticamente al cambiar el ancho
- Copiar / descargar al instante: copia el arte de texto al portapapeles o guárdalo como .txt; la variante en color también se puede exportar como .png
- Procesamiento local: toda la conversión de píxel a carácter ocurre en tu navegador con Canvas, así que los archivos nunca salen de tu dispositivo
Best Practices
Sube el contraste antes de convertir a ASCII
El arte ASCII es muy sensible al contraste de origen: las imágenes con poco contraste se aplanan en un aspecto uniforme. Pasa la imagen por la herramienta de filtros y sube el contraste al 110-130 % antes; así las zonas oscuras se ven como caracteres más densos y los realces se mantienen dispersos, dando mucha más profundidad al resultado final.
Usa 70 caracteres para detalles, 10 para logotipos
Los juegos detallados como el de 70 caracteres generan transiciones tonales suaves, justo lo que necesitas para retratos y obras de arte. El juego simple de 10 caracteres solo esboza siluetas, por lo que encaja con logotipos, iconos y personajes de dibujos animados. Usar un juego detallado en una forma simple suele dar un resultado ruidoso.
El ancho 120 es el punto ideal para la mayoría de usos
El ancho por defecto de 120 caracteres (rango 10-960) funciona en la mayoría de pantallas. Los retratos lucen mejor entre 150-300, los logotipos entre 60-100; pasar de 400 obliga a hacer mucho scroll y bajar de 50 pierde detalle. Adapta el ancho al lugar donde se mostrará el arte, ya sea una publicación social, un terminal o una entrada de blog.
Mantén activado el bloqueo de proporción por defecto
El bloqueo de proporción está activado por defecto para que los caracteres nunca se estiren. Puedes desactivarlo para fijar el número de filas a mano, por ejemplo para crear un banner de 30 filas, pero la imagen se distorsionará. Los principiantes deberían dejarlo activado y experimentar con proporciones personalizadas solo cuando se sientan cómodos.
Combina el modo color con el juego de bloques
En modo color, los caracteres de bloque (▏▎▍▌▋▊▉█) conservan los bloques de color originales porque cada carácter lleva el RGB medio de su celda de píxeles. El juego detallado de 70 caracteres está pensado para salida en blanco y negro y se ve apagado en modo color, así que combínalo siempre con el juego de bloques cuando uses color.
Ordena los caracteres personalizados de denso a disperso
Cuando escribas tu propio juego, ordénalos del más denso (para zonas oscuras) al más disperso (para realces), por ejemplo @#*+=:. La herramienta asigna este orden al degradado de brillo directamente. Si inviertes el orden, la imagen saldrá en negativo en vez de renderizarse correctamente.
Usa .txt para texto plano y .png para color
Para salida en blanco y negro, descarga el archivo .txt y pégalo en cualquier editor de texto, terminal, comentario de código, blog o firma de foro. Para salida en color, descarga el .png para conservar todos los colores RGB y usarlo en recursos de diseño, imágenes de redes sociales e ilustraciones web.
Comprime fotos enormes antes de convertirlas
Las fotos de muy alta resolución (por ejemplo 4000x3000) hacen la conversión lenta y el arte ASCII resultante extremadamente ancho. Pásalas antes por la herramienta de comprimir imagen para dejarlas por debajo de 1000 píxeles en el lado largo, lo que acelera la conversión y te da un control más fino sobre el aspecto final.
Preguntas Frecuentes
¿Cómo convierto una imagen a arte ASCII?
Sube tu imagen y la herramienta lee los píxeles en tu navegador con Canvas getImageData, calcula un promedio ponderado BT.709 (Y = 0,2126R + 0,7152G + 0,0722B) por celda de carácter, aplica difuminado Floyd-Steinberg para repartir el error de cuantización y asigna ese brillo a un carácter del juego elegido. El resultado está listo en segundos y se puede copiar al portapapeles o descargar como .txt.
¿Qué es el difuminado Floyd-Steinberg y por qué lo usamos?
Floyd-Steinberg es un algoritmo clásico de difuminado por difusión de error de 1976: el error de cuantización de cada píxel se reparte a los vecinos derecho, inferior, inferior-izquierdo e inferior-derecho en proporciones 7/16, 3/16, 5/16 y 1/16. En la conversión a ASCII evita que los juegos de baja densidad (como el simple de 10 caracteres) produzcan bandas o bordes irregulares, por lo que la transición de oscuro a claro se mantiene suave y los detalles se conservan. Competidores como toolshu lo exponen como interruptor; nosotros lo mantenemos activo por defecto para obtener el mejor resultado.
¿Por qué usar la ponderación BT.709 en lugar de un simple promedio RGB?
El ojo humano es más sensible al verde y menos al azul. La fórmula BT.709 Y = 0,2126R + 0,7152G + 0,0722B codifica exactamente eso y el estándar de la industria para HDTV, UHD y los flujos de imagen modernos. Aplicarla a la densidad de caracteres da resultados mucho más fieles a la percepción visual real que un simple promedio RGB, algo que se nota sobre todo en retratos y escenas con degradados.
¿Qué juegos de caracteres están incluidos? ¿Puedo definir el mío?
Hay 3 juegos por defecto: simple (10 caracteres @%#*+=-:. para previsualizaciones rápidas), detallado (70 caracteres para el degradado más suave y retratos) y bloques (▏▎▍▌▋▊▉█ para terminales en color). También puedes escribir caracteres personalizados (al menos 2, normalmente 2-30); la herramienta los ordena de denso a disperso y reutiliza la misma lógica de mapeo.
¿El arte ASCII puede conservar los colores originales?
Sí. Activa el modo color y la herramienta usa caracteres de bloque, donde cada carácter representa un bloque de píxeles originales con su RGB real. El resultado en color también se puede exportar como .png para conservar toda la información de color.
¿Cómo guardo y reutilizo el arte ASCII?
Para la versión en blanco y negro, copia el texto al portapapeles o descarga el archivo .txt y pégalo en comentarios de código, READMEs, entradas de blog, firmas de foro o salida de terminal. La versión en color añade una exportación .png para que puedas usarlo en recursos de diseño, diapositivas o publicaciones sociales.
¿Qué tipo de imágenes funcionan mejor para arte ASCII?
Las imágenes con alto contraste y siluetas claras convierten mejor, como retratos, logotipos, personajes de dibujos animados y paisajes. Las fotos cargadas o de bajo contraste pierden detalle cuando los caracteres sustituyen a los píxeles, así que conviene subir el contraste con la herramienta de filtros primero o usar el juego simple para previsualizaciones.
¿Cómo ajusto el ancho y el alto de salida?
El ancho define el número de columnas de caracteres (100 por defecto) y el alto se calcula a partir de la proporción original. El bloqueo de proporción está activado por defecto, pero puedes desactivarlo para definir el número de filas por tu cuenta. 60-150 columnas sirven para la mayoría de pantallas, 100-200 va bien para retratos y pasar de 250 satura la salida.
¿En qué se diferencia el arte ASCII de un bitmap?
El arte ASCII está hecho de caracteres de texto, por lo que su resolución es el número de caracteres y escala sin problemas con la fuente del terminal, pero no reproduce color ni detalle fino con fidelidad. Un bitmap es una cuadrícula de píxeles que conserva color y detalle, pero se vuelve borroso o irregular al escalar. Cada formato se adapta a un caso de uso, consulta la tabla comparativa.
¿En qué se diferencia esta herramienta de figlet, jp2a u otras de línea de comandos?
figlet se centra en arte ASCII de texto (banners tipográficos) y jp2a es una herramienta de línea de comandos que requiere instalación y configuración. Esta es una solución 100 % en el navegador que se ejecuta al instante, sin instalación, sin registro y funciona igual en cualquier plataforma, además admite exportación a .png en color y un juego de caracteres personalizado. Es la forma más fácil de convertir cualquier imagen en arte de caracteres para comentarios de código o redes sociales.
¿La imagen se sube a un servidor? ¿Es privado?
No. Cada conversión de píxel a carácter se ejecuta en local en tu navegador mediante Canvas getImageData y mapeado en JavaScript. La imagen nunca se sube y al cerrar la pestaña se libera la memoria. Fotos privadas, escaneos y documentos sensibles se pueden procesar de forma segura.
Glosario
- ASCII / Unicode
- ASCII es un juego de caracteres de 7 bits con 128 caracteres básicos. Unicode cubre sistemas de escritura y símbolos de todo el mundo, y los caracteres de bloque (▏ ▎ ▍ ▌ ▋ ▊ ▉ █) que usa esta herramienta son caracteres Unicode que se renderizan como bloques de color en terminales compatibles.MDN - Unicode
- Ponderación de grises BT.709
- La fórmula RGB a escala de grises Y = 0,2126R + 0,7152G + 0,0722B. BT.709 es el estándar ITU-R para HDTV y UHD, y refleja mejor que la antigua BT.709 la mayor sensibilidad del ojo al verde. Esta herramienta la usa para calcular el brillo medio de cada celda de carácter.
- Difuminado Floyd-Steinberg
- Algoritmo de difuminado por difusión de error de 1976 que reparte el error de cuantización de cada píxel a los vecinos derecho, inferior, inferior-izquierdo e inferior-derecho en proporciones 7/16, 3/16, 5/16 y 1/16. Está siempre activo en esta herramienta para que los juegos de baja densidad (10 caracteres, 8 caracteres) mantengan transiciones suaves y no muestren bandas.
- Muestreo de píxeles con Canvas
- Lectura del valor RGBA de cada píxel mediante la API HTML5 Canvas getImageData(). La herramienta promedia los píxeles dentro de cada celda de carácter, aplica la ponderación BT.709, ejecuta el difuminado Floyd-Steinberg y asigna el resultado a una posición del juego de caracteres elegido.
- Gradiente de densidad de caracteres
- El número de pasos del carácter más denso al más disperso en un juego. El juego simple tiene 10 niveles, el detallado 70 y el de bloques 8. Más pasos implican transiciones tonales más suaves; menos pasos, una salida más rápida y abstracta. Los tres juegos cubren todo el rango, desde previsualizaciones rápidas hasta detalle de retrato, y se puede añadir un juego personalizado de cualquier longitud.
- Mantener la proporción
- Bloquear la relación ancho-alto original para que el arte ASCII no se estire. Esta herramienta lo mantiene activado por defecto y escala la altura automáticamente al cambiar el ancho. Desactiva el bloqueo para fijar el número de filas a mano, por ejemplo para un banner ancho, pero la imagen se estirará o comprimirá.
- Banner de terminal
- Arte de texto que se muestra al iniciar un shell, una sesión SSH o un programa, usado para saludos SSH, pantallas de arranque y cabeceras de log de CI/CD. El arte ASCII es la forma clásica de banner de terminal y se suele generar con herramientas como figlet o toilet; esta herramienta es una alternativa ligera en el navegador.
Resumen de los 3 juegos integrados y el personalizado
| Juego de caracteres | Secuencia (oscuro a claro) | Niveles de densidad | Uso típico |
|---|---|---|---|
| Simple 10 caracteres | @%#*+=-:. | 10 niveles | Previsualizaciones, logotipos, emotes |
| Detallado 70 caracteres | $@B%8&WM#*oahkbdpqwmZO0QLCJUYXzcvunxrjft/\|()1{}[]?-_+~<>i!lI;:,"^`'. | 70 niveles | Retratos, obras de arte, detalle fino |
| Caracteres de bloque | ▏▎▍▌▋▊▉█ | 8 niveles | Terminales en color, exportación en color |
| Personalizado (2-30 caracteres) | Definido por el usuario, 2-30 caracteres | A elección del usuario | Estilo personal, arte temático |
Características del arte ASCII frente al bitmap
| Dimensión | Arte ASCII | Bitmap (PNG/JPG) |
|---|---|---|
| Elementos básicos | Caracteres Unicode | Píxeles |
| Escalabilidad | Escala con el terminal o la fuente | Se vuelve borroso o irregular |
| Soporte de color | La variante en color usa caracteres de bloque | RGB completo |
| Tamaño de archivo | Normalmente 1-10 KB de texto plano | De unos KB a decenas de MB |
| Edición | Bloc de notas o Vim | Requiere un editor de imagen |
| Ideal para | Comentarios de código, banners de terminal, avatares | Fotos, ilustraciones web |
Authoritative References
- ReferenceWikipedia - Arte ASCII
- ReferenceWikipedia - FIGlet
- ReferenceITU-R BT.709 estándar de imagen
- ReferenceWikipedia - Difuminado Floyd-Steinberg
- ReferenceWikipedia - Unicode
- Compresor de Imágenes
- Convertir Imagen
- PNG a JPG
- HEIC a JPG
- JPG a PNG
- JPG a WebP
- PNG a WebP
- HEIC a PNG
- HEIC a WebP
- AVIF a JPG
- Recortar Imagen
- AVIF a PNG
- AVIF a WebP
- GIF a JPG
- GIF a PNG
- GIF a WebP
- Filtros de Imagen
- SVG a JPG
- SVG a PNG
- SVG a WebP
- WebP a JPG
- WebP a PNG
- Generador ICO
- TIFF a JPG
- TIFF a PNG
- TIFF a WebP
- Editor de imagen
- Escáner QR
- Redimensionar Imágenes
- Rotar y Voltear Imágenes
- Esquinas Redondeadas
- Generador de Sprite CSS
- Visor SVG
- Imagen a Arte ASCII
- Ampliar Imagen
- Marca de Agua Imagen