Siirry pääsisältöön

Kuva ASCII-taiteeksi -muunnin ilmaiseksi

Muunna mikä tahansa kuva ASCII-taiteeksi chattia, README-tiedostoja, terminaaleja tai commit-viestejä varten. Useita merkkisettejä mukaan lukien lohkomerkit ja emoji.

Toimii offline-tilassa kerran ladattuna

Pudota tiedosto tähän tai valitse napsauttamalla

JPG, PNG, WebP, GIF, HEIC, HEIF · käsitellään laitteellasi

tai liitä leikepöydältä painamalla Ctrl+V

Selaa tiedostoja

Vinkki: voit liittää kuvakaappauksen näppäimillä Ctrl+V

Tiedostosi eivät koskaan poistu laitteeltasi. Kaikki käsittely tapahtuu paikallisesti selaimessasi.

Yleiset käyttötavat

  • Luo ASCII-taidetta README-tiedostoilleLuo tekstipohjaisia logoja ja bannereita GitHub README:ille, jotka renderöityvät monospace-muodossa.
  • Terminaali- ja MOTD-taideLuo ASCII-taidetta terminaalin tervetulotiedosteille, SSH-bannereille tai message-of-the-day-tiedostoille.
  • ASCII-taide commit-viesteissäLisää muistettava ASCII-taide julkaisumerkintöihin, commit-viesteihin tai tunnus kuvautumiin.
  • ASCII-taide chatille ja DiscordilleLuo ASCII-meemejä ja taidetta jaettavaksi Discord-, Slack- tai IRC-kanavilla.
  • ASCII-taide julisteille ja tulostukselleLuo suurikokoista ASCII-taidetta julisteille, tulostuksille tai verkkosivuston pääosille.

Miten se toimii

Muunnos tapahtuu kokonaan selaimessasi Canvas-rajapinnalla — ei palvelinta, ei latausta. Työkalu piirtää kuvasi näytön ulkopuoliseen kanvaaseen skaalattuna kohdesarakeleveyteen, lukee jokaisen pikselin RGB-arvot getImageData-funktiolla, ja kartoittaa jokaisen pikselin havaitun kirkkauden valitsemasi hakumerkkijonon merkiksi.

  1. 1
    Canvas skaalaa kuvan
    Kuvasi piirretään piilotettuun kanvaaseen, joka on mitoitettu tarkalleen tulosteruudukkoon — tyypillisesti 80 saraketta leveä oletuksena, korkeus säädettynä automaattisesti kuvasuhteen säilyttämiseksi (puolitettuna tasavälisille fonteille, jotka ovat korkeampia kuin leveitä).
  2. 2
    Pikselikohtainen luminanssinäyte
    Työkalu kutsuu getImageData-funktiota lukeakseen raa'at RGBA-tavut jokaiselle solulle. Se muuntaa jokaisen pikselin yksittäiseksi kirkkausarvoksi käyttäen ITU-R-havaintokaavaa (0,299R + 0,587G + 0,114B), ja soveltaa sitten kirkkaussiirtymääsi, kontrastikerrointasi ja gammakäyrääsi.
  3. 3
    Kirkkaus kartoituu merkiksi
    Säädetty kirkkaus (0–1) kerrotaan valitun merkkijonon pituudella — vakio ( .:-=+*#%@), 70-glyyfinen yksityiskohtainen, lohkoelementit, binääri, tai kirjoittamasi mukautettu joukko — ja tuossa indeksissä oleva merkki sijoitetaan tulosteruudukkoon.
  4. 4
    Vie pelkkänä tekstinä, PNG:nä tai HTML:nä
    Valmis ruudukko yhdistetään pelkän tekstin merkkijonoksi kopiointia/latausta varten. PNG-vientiä varten jokainen merkki piirretään toiselle kanvaalle fillText-toiminnolla 12px:n tasavälisellä fontilla. Väritila lukee alkuperäisen RGB:n pikseliä kohti ja kääri jokaisen merkin inline-tyylitettyyn span-elementtiin, joka voidaan viedä itsenäisenä HTML-tiedostona.

Kuvasi luetaan suoraan selaimen Canvas-rajapinnalla eikä se koskaan poistu laitteeltasi — mitään dataa ei lähetetä millekään palvelimelle missään vaiheessa.

Liittyvät työkalut

Usein kysytyt kysymykset