Lumaktaw sa pangunahing nilalaman

Libreng Larawan sa ASCII Art Converter

I-convert ang anumang larawan sa ASCII art para sa chat, README, terminal, o commit message. Maraming character set kasama ang mga block character at emoji.

Gumagana offline kapag na-load na

I-drop ang file dito, o mag-click para mag-browse

JPG, PNG, WebP, GIF, HEIC, HEIF Β· pinoproseso sa iyong device

o pindutin ang Ctrl+V para i-paste mula sa clipboard

I-browse ang mga file

Tip: puwede kang mag-paste ng screenshot gamit ang Ctrl+V

Ang iyong mga file ay hindi kailanman lumalabas sa iyong device. Lahat ng pagproseso ay nangyayari nang lokal sa iyong browser.

Mga karaniwang gamit

  • Gumawa ng ASCII Art para sa README FilesLumikha ng text-based logos at banners para sa GitHub READMEs na nag-render sa monospace.
  • Terminal at MOTD ArtBumuo ng ASCII art para sa terminal welcome messages, SSH banners, o message-of-the-day files.
  • ASCII Art sa Commit MessagesMagdagdag ng memorable ASCII art sa release notes, commit messages, o tag descriptions.
  • ASCII Art para sa Chat at DiscordGumawa ng ASCII memes at art upang ibahagi sa Discord, Slack, o IRC channels.
  • ASCII Art para sa Posters at PrintBumuo ng large-scale ASCII art para sa posters, prints, o web hero sections.

Paano ito Gumagana

Buong tumatakbo sa iyong browser ang conversion gamit ang Canvas API β€” walang server, walang upload. Iginuguhit ng tool ang larawan mo sa isang offscreen na canvas na sina-scale sa target na lapad ng column, binabasa ang RGB value ng bawat pixel gamit ang getImageData, at ina-map ang perceptual brightness ng bawat pixel sa isang character mula sa lookup string na pinili mo.

  1. 1
    Sina-scale ng Canvas ang larawan
    Iginuguhit ang larawan mo sa isang nakatagong canvas na eksaktong kasinlaki ng output grid β€” karaniwang 80 column ang lapad bilang default, na awtomatikong inaayos ang taas para mapanatili ang aspect ratio ng larawan (hinahati sa kalahati para sa monospace font, na mas mataas kaysa malapad).
  2. 2
    Pag-sample ng luminance bawat pixel
    Tinatawag ng tool ang getImageData para basahin ang raw na RGBA byte ng bawat cell. Kino-convert nito ang bawat pixel sa iisang brightness value gamit ang ITU-R perceptual formula (0.299R + 0.587G + 0.114B), pagkatapos ay ina-apply ang brightness offset, contrast multiplier, at gamma curve mo.
  3. 3
    Ina-map ang brightness sa isang character
    Pinaparami ang inayos na brightness (0–1) sa haba ng napiling character string β€” standard ( .:-=+*#%@), 70-glyph na detalyado, block element, binary, o custom na set na tina-type mo β€” at inilalagay sa output grid ang character sa index na iyon.
  4. 4
    I-export bilang plain text, PNG, o HTML
    Pinagdudugtong ang tapos na grid sa isang plain-text string para kopyahin/i-download. Para sa PNG export, nire-render ang bawat character sa ikalawang canvas gamit ang fillText sa 12px monospace. Binabasa ng color mode ang orihinal na RGB bawat pixel at binabalot ang bawat character sa isang span element na may inline na style, na puwedeng i-export bilang self-contained na HTML file.

Direktang binabasa ng Canvas API ng browser ang larawan mo at hindi kailanman umaalis sa device mo β€” walang data na ipinapadala sa anumang server kahit kailan.

Mga Kaugnay na Tool

Mga Madalas na Itanong