Da immagine ad ASCII art

Come trasformare un’immagine in ASCII art

1. Trascina un’immagine JPG, PNG, WebP o GIF nell’area di caricamento, oppure cliccaci sopra per sceglierla. Viene convertita subito con le impostazioni predefinite.
2. Sposta il cursore Larghezza (caratteri): più caratteri danno più dettagli, meno caratteri un aspetto più marcato e astratto.
3. Scegli un Set di caratteri: Standard, Dettagliato (70 caratteri), Blocchi, Semplice, Punti, Due caratteri o Personalizzato. Con Personalizzato, scrivi i tuoi caratteri dal più chiaro al più scuro.
4. Spunta Inverti (testo chiaro su sfondo scuro) se l’immagine verrà mostrata su uno schermo scuro, come un terminale.
5. Spunta Colore (output HTML) per colorare ogni carattere con il colore dei pixel originali.
6. Usa Copia il testo, Scarica .txt o Scarica .html. Ogni impostazione aggiorna subito l’anteprima.

Come funziona la conversione

L’immagine viene prima ridimensionata in modo che ogni carattere rappresenti un piccolo blocco di pixel. Poiché una cella di carattere in un font a spaziatura fissa è alta circa il doppio di quanto è larga, lo strumento usa circa la metà delle righe che servirebbero con una griglia quadrata; altrimenti il disegno risulterebbe allungato in verticale. Un’immagine da 1000 × 500 con una larghezza di 100 caratteri dà 100 × 26 caratteri.

Per ogni blocco, lo strumento calcola la luminanza relativa con i pesi Rec. 709 usati per lo sRGB:

L = 0,2126 × R + 0,7152 × G + 0,0722 × B

Il verde conta di più perché è il colore a cui i nostri occhi sono più sensibili. La luminanza sceglie un carattere della scala: una zona scura riceve un carattere denso come @ o █, una zona chiara uno leggero come . o uno spazio. Con Inverti la corrispondenza si rovescia, perché su uno sfondo nero le zone chiare vanno disegnate con i caratteri più densi. I pixel trasparenti contano come la carta: bianchi di norma, neri quando l’immagine è invertita.

Scegliere un set di caratteri

• Standard ( .:-=+*#%@) è la classica scala a dieci livelli: leggibile e funziona con qualsiasi font.
• Dettagliato (70 caratteri) offre le sfumature più morbide, ideale per i ritratti a grandi larghezze.
• Blocchi ( ░▒▓█) usa i caratteri di ombreggiatura Unicode per un aspetto pieno, simile ai pixel.
• Semplice e Punti danno uno stile grafico e minimalista.
• Due caratteri ( #) crea una pura silhouette, ottima per i loghi.
• Personalizzato accetta qualsiasi carattere, comprese lettere accentate ed emoji: ogni carattere così come lo percepisce l’utente, anche un’emoji composta da più parti, resta intero. Inizia con uno spazio, così le aree bianche restano vuote.

Consigli per un buon risultato

Le immagini molto contrastate, con un soggetto chiaro e uno sfondo uniforme, danno i risultati migliori. Ritaglia prima la foto attorno al soggetto e aumenta il contrasto se è spenta. I volti richiedono almeno 80-120 caratteri per essere riconoscibili. Quando incolli il testo altrove, usa un font a spaziatura fissa (come Courier, Consolas o Menlo) e disattiva l’a capo automatico, altrimenti le colonne non saranno allineate. Nelle email e nelle chat, mettilo in un blocco di codice.

Il file .html contiene il disegno in un blocco <pre> con un font a spaziatura fissa; con il colore attivo, ogni sequenza di caratteri dello stesso colore è uno <span> con il suo colore, quindi si visualizza ovunque senza script.