Convertidor d'imatge a art ASCII de franc

Com funciona

La conversió s'executa completament al teu navegador utilitzant l'API Canvas — sense servidor, sense pujada. L'eina dibuixa la teva imatge en un canvas fora de pantalla escalat a l'amplada de columna objectiu, llegeix els valors RGB de cada píxel via getImageData, i mapeja la lluminositat perceptual de cada píxel a un caràcter d'una cadena de consulta que triïs.

1. 1
   Canvas escala la imatge

   La teva imatge es dibuixa en un canvas amagat dimensionat exactament a la graella de sortida — normalment 80 columnes d'amplada per defecte, amb l'alçada ajustada automàticament per preservar la relació d'aspecte de la imatge (reduïda a la meitat per als tipus de lletra monoespai, que són més alts que amples).
2. 2
   Mostreig de luminància per píxel

   L'eina crida getImageData per llegir bytes RGBA en brut per a cada cel·la. Converteix cada píxel a un únic valor de brillantor utilitzant la fórmula perceptual ITU-R (0,299R + 0,587G + 0,114B), i després aplica el teu desplaçament de brillantor, multiplicador de contrast, i corba gamma.
3. 3
   La brillantor es mapeja a un caràcter

   La brillantor ajustada (0–1) es multiplica per la longitud de la cadena de caràcters triada — estàndard ( .:-=+*#%@), 70-glifs detallada, elements de bloc, binari, o un conjunt personalitzat que escriguis — i el caràcter en aquest índex es col·loca a la graella de sortida.
4. 4
   Exporta en text pla, PNG o HTML

   La graella acabada s'uneix en una cadena de text pla per copiar/descarregar. Per a l'exportació PNG, cada caràcter es renderitza en un segon canvas amb fillText a 12px monoespai. El mode de color llegeix el RGB original per píxel i embolica cada caràcter en un element span amb estil en línia, que es pot exportar com a fitxer HTML autocontingut.

Eines relacionades