Imatge a ASCII
Puja una imatge per generar automàticament art ASCII
Eina gratuïta en línia per convertir imatges a art ASCII, basada en mostreig de píxels Canvas al navegador, ponderació de grisos BT.709 (Y = 0,2126R + 0,7152G + 0,0722B) i l'algorisme de difuminat Floyd-Steinberg. Ofereix 3 jocs de caràcters (simple de 10 caràcters, detallat de 70 caràcters, blocs de 8 caràcters) i qualsevol joc personalitzat, amb mode color i conservació de proporcions, generant art ASCII en text pla que es pot copiar o descarregar com a .txt / .png. Ideal per a comentaris de codi, bàners de terminal, avatars de xarxes socials i altres escenes creatives.
Relacionats
Què és l'art ASCII?
L'art ASCII (ASCII Art) és una forma d'art que utilitza caràcters ASCII per representar imatges a través de diferències de densitat. Es remunta a la dècada de 1970-80, quan les impressores només podien imprimir text i algunes persones van començar a utilitzar @ # $ per simular llum i ombra i crear «dibuixos».
**Com es converteix?** L'eina llegeix les dades de píxels amb Canvas, calcula la lluminositat mitjana de cada quadrícula amb la ponderació BT.709 (Y = 0,2126R + 0,7152G + 0,0722B), difon l'error als píxels veïns amb Floyd-Steinberg i finalment mapeja a la posició del joc de caràcters. Caràcters densos = zones fosques, caràcters dispersos = zones clares. L'eina ofereix 3 jocs integrats i qualsevol joc personalitzat, amb degradats de 8 a 70 nivells.
**Com es conserva el color en la versió en color?** En mode color s'utilitzen caràcters de bloc (▏▎▍▌▋▊▉█); cada caràcter correspon a una quadrícula de píxels de la imatge original amb el seu color RGB. La versió en color es pot descarregar com a .png conservant el color complet.
**Comparat amb el mapa de bits:** La resolució de l'art ASCII depèn del nombre de caràcters en lloc de píxels, de manera que s'escala segons la mida del terminal o font — pot ser molt gran sense perdre claredat. Per contra, no pot reproduir detalls amb precisió. Per a comentaris de codi, bàners de terminal i avatars de xarxes socials, l'art ASCII és més adequat que el mapa de bits.
Casos d'ús
- Convertir fotos, logotips o personatges de dibuixos animats en art ASCII per a comentaris de codi, fitxers README i signatures de fòrum
- Efectes d'art de text per a terminals i CLI (benvinguda SSH, bàner bashrc, alternativa a figlet)
- Expressió creativa d'estil geek, avatars de xarxes socials i signatures personalitzades
- L'art ASCII en text pla es pot copiar directament a GitHub Issues, signatures de correu, blocs
- Convertir fotos a art amb blocs de color i exportar .png per a material de disseny retro
- Convertir personatges de dibuixos animats o memes en jocs de caràcters simples per a emoticones de xat
- Generar comentaris de codi art o decoracions README en lots
Com usar-ho
- Puja el fitxer d'imatge que vols convertir (admet JPG / PNG / WEBP / GIF)
- Tria un joc de caràcters: simple (previsualització ràpida) / detallat (màxim detall) / blocs (amable amb el color)
- Si vols personalitzar, en mode «detallat» introdueix almenys 2 caràcters personalitzats (típic 2-30)
- Ajusta l'amplada de sortida (per defecte 120 caràcters, rang 10-960); l'alçada es calcula segons la proporció original
- Tria el mode color (color / blanc i negre); la versió en color es pot descarregar com a .png
- Fes clic al botó de copiar per desar l'art al porta-retalls, o descarrega'l com a .txt / .png
Característiques
- 3 jocs de caràcters integrats: simple (10 caràcters, el més ràpid), detallat (70 caràcters, el més fi), blocs (8 caràcters, amable amb terminals en color)
- Joc de caràcters personalitzat: en mode «detallat» introdueix almenys 2 caràcters (típic 2-30) i l'eina els mapeja automàticament del més dens al més clar
- Mode color: la versió en color utilitza caràcters de bloc per conservar els colors originals, la versió en blanc i negre se centra en el contrast del contorn
- Conservar la relació d'aspecte: bloqueja la proporció de la imatge original i l'alçada es calcula automàticament a partir de l'amplada
- Copiar / descarregar en un clic: el text pla ASCII es pot copiar al porta-retalls o descarregar com a .txt; la versió en color es pot exportar directament com a .png
- Processament local: tota la conversió de píxels a caràcters es fa al Canvas del navegador, els fitxers no es pugen al servidor
Best Practices
Ajusta el contrast abans de convertir a ASCII
L'art ASCII és molt sensible al contrast de la imatge original: imatges de baix contrast faran que els caràcters tendeixin a la uniformitat i resultin plans. Recomanem augmentar el contrast al 110-130% amb l'eina de filtres d'imatge abans de la conversió; les zones fosques seran més evidents i les clares més disperses, millorant notablement la sensació de profunditat general.
Detalls amb joc de 70, logotips amb joc de 10
Com més fi sigui el joc de caràcters (per exemple, el detallat de 70), més suau pot expressar la transició de llum i ombra, ideal per a retrats i obres artístiques. El joc simple de 10 només esquematitza el contorn general, adequat per a logotips, icones i personatges de dibuixos animats. Usar el joc detallat per a un logotip pot fer que una imatge simple sembli desordenada.
L'amplada per defecte de 120 és el punt d'equilibri entre lectura i detall
L'amplada per defecte de 120 caràcters (rang 10-960) és adequada per a lectura en pantalla i la majoria d'escenaris. Per a retrats recomanem 150-300, per a logotips 60-100; superar 400 fa que el text sigui difícil de llegir i ocupar molt de desplaçament; per sota de 50 es perden massa detalls. Tria l'amplada segons el lloc final de visualització (xarxes socials, terminal, bloc).
Mantén la relació d'aspecte activada per defecte
L'eina manté la relació d'aspecte activada per defecte, garantint que l'art ASCII no es deformi. Desactivar aquesta opció permet ajustar files independentment (per exemple, per a un bàner de 30 files), però estirarà o aplanarà la imatge. Els usuaris nous haurien de mantenir-la activada i experimentar amb relacions personalitzades quan estiguin familiaritzats.
Usa el joc de blocs per al mode color
En mode color, els caràcters de bloc (▏▎▍▌▋▊▉█) conserven els blocs de color de la imatge original; cada caràcter correspon al color d'una quadrícula de píxels. Tot i que el joc detallat (70) és fi, està dissenyat principalment per al mode blanc i negre i la combinació amb el color no és ideal. El joc de blocs és la millor opció per a la sortida en color.
Ordena el joc personalitzat de «dens a clar»
Quan defineixis un joc de caràcters personalitzat, introdueix els caràcters del més dens (corresponent a la zona fosca) al més clar (corresponent a la zona clara). Per exemple, «@#*+=. :» és una ordre típica de dens a clar; l'eina mapeja automàticament la lluminositat seguint aquesta ordre. Si l'ordre és inversa, la imatge quedarà invertida.
Descarrega .txt per a text pla, .png per a color
Per a art en blanc i negre recomanem descarregar .txt, que es pot enganxar a qualsevol editor de text, terminal, comentari de codi, bloc o signatura de fòrum. Per a art en color recomanem descarregar .png, que conserva la informació RGB completa i és adequat per a material de disseny, imatges de xarxes socials o il·lustracions web.
Comprimeix imatges molt complexes abans de convertir-les
Fotos d'alta resolució (com 4000x3000 píxels) requereixen molta càlcul i produeixen art ASCII molt ample en convertir-les. Recomanem comprimir la imatge original a menys de 1000 píxels amb l'eina de compressió d'imatges abans de la conversió; això millora notablement la velocitat i facilita el control de la qualitat de l'art.
Preguntes freqients
Com convertir una imatge en art ASCII?
Puja la imatge i l'eina llegeix les dades de píxels al navegador mitjançant Canvas getImageData, calcula la lluminositat mitjana de cada quadrícula amb la ponderació BT.709 (Y = 0,2126R + 0,7152G + 0,0722B), i mapeja el degradat de lluminositat al caràcter corresponent del joc seleccionat mitjançant l'algorisme de difuminat Floyd-Steinberg. En qüestió de segons genera un dibuix fet de caràcters. El resultat es pot copiar al porta-retalls o descarregar com a .txt.
Per què usar la ponderació de grisos BT.709 en lloc de la mitjana RGB simple?
L'ull humà és més sensible al verd i menys al blau, i la fórmula BT.709 Y = 0,2126R + 0,7152G + 0,0722B es basa exactament en aquesta característica fisiològica. La mitjana RGB simple fa que les zones fosques s'inclinin cap al groc i les clares cap al rosa; amb BT.709, els píxels de color es mapegen a la densitat de caràcters d'una manera més propera a la percepció real, amb més detall en retrats i escenes amb degradats.
Què és el difuminat Floyd-Steinberg? Per què cal?
Floyd-Steinberg és l'algorisme clàssic de difuminat per difusió d'error proposat el 1976: l'error de quantització de cada píxel es distribueix als quatre píxels veïns (dreta, avall, baix-dreta, baix-esquerra) en proporcions 7/16, 3/16, 5/16 i 1/16. Aplicat a la conversió ASCII, evita que els jocs de baixa densitat (com el simple de 10) produeixin trencaments de blocs i serres en els contorns, fent que la transició de fosc a clar sigui més suau i conservant millor el detall. Competència com toolshu el deixen opcional, nosaltres l'habilitem per defecte per garantir el millor resultat.
Quins jocs de caràcters hi ha? Admeten personalització?
3 jocs integrats: simple (10 caràcters @%#*+=-:. per a previsualitzacions ràpides), detallat (70 caràcters amb el degradat més suau, ideal per a retrats) i blocs (8 caràcters ▏▎▍▌▋▊▉█ amigable amb terminals en color). També admet jocs personalitzats: en mode «detallat» introdueix almenys 2 caràcters (típic 2-30) i l'eina els ordenarà del més dens al més clar i reutilitzarà la mateixa lògica de mapeig. Fins i tot admet caràcters especials o emojis.
L'art ASCII pot conservar el color?
Sí. L'eina ofereix un mode color: la versió en blanc i negre se centra en el contrast del contorn, la versió en color utilitza caràcters de bloc i conserva els colors originals; cada caràcter correspon al color d'una quadrícula de píxels. La versió en color es pot descarregar com a .png mantenint la informació RGB completa.
Com desar i utilitzar l'art ASCII generat?
La versió en blanc i negre es pot copiar al porta-retalls amb un clic o descarregar com a .txt en text pla, ideal per a comentaris de codi, fitxers README, blocs, sortides de terminal o signatures de fòrum. La versió en color, a més del text, es pot descarregar com a .png mantenint la informació de color.
Quines imatges són adequades per a art ASCII?
Les imatges amb alt contrast i contorns clars donen els millors resultats, com siluetes de retrats, logotips, personatges de dibuixos animats o paisatges. Les fotos amb detalls intricats i colors similars perden informació en convertir-se a caràcters; és recomanable augmentar el contrast amb l'eina de filtres d'imatge abans de la conversió, o triar un joc de caràcters simple per evitar el soroll de detall.
Com ajustar l'amplada i alçada de sortida?
El paràmetre d'amplada determina el nombre de columnes de caràcters de la sortida (per defecte 120, rang 10-960); l'alçada es calcula automàticament segons la proporció original. La conservació de la relació d'aspecte ve activada per defecte; si la desactives pots definir files independents. Una amplada de 80-150 és ideal per a lectura en pantalla; 150-300 per a detalls de retrats; per sobre de 400 el text és difícil de llegir.
Quina diferència hi ha entre art ASCII i mapa de bits?
L'art ASCII està format per caràcters de text, amb resolució determinada pel nombre de caràcters; pot ampliar-se infinitament al terminal o font sense perdre qualitat, però no pot reproduir colors ni detalls amb precisió. El mapa de bits és una matriu de píxels que conserva color i detall amb precisió, però es torna borrós o amb serres en escalar. Cadascun és adequat per a un escenari diferent; consulta la taula de comparació per a més detalls.
Quins avantatges té aquesta eina respecte a eines de línia de comandes com figlet o jp2a?
figlet genera principalment art de text (bàners amb fonts), i jp2a és una eina CLI que requereix instal·lació i aprenentatge de paràmetres. Aquesta eina s'executa directament al navegador, sense instal·lació ni registre, amb un comportament consistent a totes les plataformes, i admet exportació a .png en color i jocs de caràcters personalitzats. És ideal per convertir ràpidament qualsevol imatge en art ASCII per a comentaris de codi o compartició a xarxes socials.
Les imatges es pugen al servidor? És segur?
No. Tots els píxels es mapegen a caràcters dins del navegador mitjançant Canvas getImageData + mapatge de caràcters JS; els fitxers no es pugen a cap servidor i es alliberen en tancar el navegador. Fins i tot fotos personals, documents escanejats o fotografies de contractes es poden processar amb seguretat.
Glossari
- ASCII / Unicode
- ASCII és un joc de caràcters de 7 bits amb 128 caràcters bàsics. Unicode inclou caràcters i símbols de tot el món; els caràcters de bloc d'aquesta eina (▏ ▎ ▍ ▌ ▋ ▊ ▉ █) pertanyen a Unicode i es poden visualitzar com a blocs de color en terminals compatibles amb Unicode.MDN - Unicode
- Ponderació de grisos BT.709
- Fórmula de conversió de RGB a grisos: Y = 0,2126R + 0,7152G + 0,0722B. BT.709 és l'estàndard HDTV/UHD d'ITU-R, àmpliament adoptat per la televisió moderna, el streaming i la indústria audiovisual; reflecteix millor la sensibilitat de l'ull humà al verd que la mitjana RGB simple. L'eina utilitza aquesta fórmula per calcular la lluminositat mitjana de cada quadrícula de píxels.
- Difuminat Floyd-Steinberg
- Algorisme clàssic de difuminat per difusió d'error proposat el 1976: l'error de quantització de cada píxel es distribueix als quatre píxels veïns (dreta, avall, baix-dreta, baix-esquerra) en proporcions 7/16, 3/16, 5/16 i 1/16. L'eina l'habilita per defecte per evitar que els jocs de baixa densitat (10, 8 caràcters) produeixin trencaments de blocs i fer que la transició de llum i ombra sigui més suau i el detall es conservi millor.
- Mostreig de píxels Canvas
- Mètode per llegir els valors RGBA de cada píxel d'una imatge mitjançant HTML5 Canvas getImageData(). L'eina agrupa els píxels per mida de quadrícula de caràcters, calcula la mitjana, aplica la ponderació BT.709 per obtenir el valor de gris, i finalment mapeja al caràcter corresponent del joc mitjançant difuminat Floyd-Steinberg.
- Degradat de densitat de caràcters
- Nombre de transicions del caràcter més dens al més clar en un joc. 10 nivells al joc simple, 70 al detallat, 8 al de blocs. Com més nivells, més suau és la transició de llum i ombra; com menys nivells, més abstracte i ràpida és la sortida. Els 3 jocs cobreixen des de la previsualització ràpida fins al detall de retrat, i l'eina admet qualsevol joc personalitzat.
- Mantenir la relació d'aspecte
- Bloqueja la relació d'amplada i alçada de la imatge original, garantint que l'art ASCII no es deformi. L'eina ho porta activat per defecte; l'alçada es calcula automàticament en ajustar l'amplada. Desactivar-ho permet ajustar amplada i alçada independentment (per exemple, per a un bàner ample), però estirarà o aplanarà la imatge.
- Bàner de terminal
- Art de text mostrat en iniciar una línia de comandes, com missatges de benvinguda SSH, pantalles d'inici de programes o capçaleres de logs CI/CD. L'art ASCII és la forma clàssica de bàner de terminal, generada per eines com figlet o toilet; aquesta eina és una alternativa lleugera basada en navegador per a aquestes eines CLI.Viquipèdia - FIGlet
3 jocs integrats i joc personalitzat
| Nom del joc | Seqüència (de fosc a clar) | Nivells de densitat | Ús típic |
|---|---|---|---|
| Simple 10 caràcters | @%#*+=-:. | 10 nivells | Previsualització ràpida, logotips, emoticones |
| Detallat 70 caràcters | $@B%8&WM#*oahkbdpqwmZO0QLCJUYXzcvunxrjft/\|()1{}[]?-_+~<>i!lI;:,"^`'. | 70 nivells | Retrats, obres artístiques, alt detall |
| Blocs 8 caràcters | ▏▎▍▌▋▊▉█ | 8 nivells | Terminals en color, sortida en color |
| Joc personalitzat | Introduït per l'usuari, almenys 2 caràcters (típic 2-30) | Definit per l'usuari | Estils personalitzats, art temàtic |
Característiques de l'art ASCII, mapa de bits i vector SVG
| Dimensió | Art ASCII | Mapa de bits (PNG/JPG) | Vector SVG |
|---|---|---|---|
| Elements | Caràcters Unicode | Píxels | Traç vectorial |
| Escalabilitat | Escala amb terminal/font | Borrós o serrat en escalar | Sense pèrdua a qualsevol escala |
| Suport de color | Blocs per a la versió en color | Qualsevol RGB | Qualsevol RGB |
| Mida del fitxer | 1-10 KB de text pla | De pocs KB a desenes de MB | De pocs KB a centenars de KB |
| Mètode d'edició | Qualsevol editor de text | Programari de retoc | Text o programari vectorial |
| Escenaris adequats | Comentaris de codi, bàners de terminal, avatars | Fotos, il·lustracions web | Icones, logotips, disseny UI |
Authoritative References
- ReferenceViquipèdia - Art ASCII
- ReferenceViquipèdia - Figlet
- ReferenceITU-R BT.709 estàndard de vídeo
- ReferenceViquipèdia - Difuminat Floyd-Steinberg
- ReferenceViquipèdia - Unicode
- Comprimir imatges
- Convertir imatges
- PNG a JPG
- HEIC a JPG
- WebP a JPG
- JPG a PNG
- JPG a WebP
- PNG a WebP
- WebP a PNG
- HEIC a PNG
- HEIC a WebP
- AVIF a JPG
- Retallar imatges
- AVIF a PNG
- AVIF a WebP
- GIF a JPG
- GIF a PNG
- GIF a WebP
- SVG a JPG
- SVG a PNG
- SVG a WebP
- TIFF a JPG
- Filtres d'Imatge
- TIFF a PNG
- TIFF a WebP
- Generador ICO
- editor d'imatges
- Escàner QR
- Redimensionar imatges
- Girar i Voltejar Imatges
- Arrodonir Cantonades d'Imatge
- Generador de CSS Sprite
- Visor SVG
- Imatge a ASCII
- Ampliar imatge
- Marca d'aigua d'imatges