免費圖片轉 ASCII 藝術轉換器

工作原理

轉換完全在你的瀏覽器中使用 Canvas API 執行——沒有伺服器、不上傳。工具將圖片繪製到按目標列寬縮放的離屏畫布上，透過 getImageData 讀取每個畫素的 RGB 值，並將每個畫素的感知亮度對映為你所選查詢字串中的一個字元。

1. 1
   Canvas 縮放圖片

   你的圖片被繪製到一個尺寸與輸出網格完全一致的隱藏畫布上——預設通常為 80 列寬，高度自動調整以保持圖片寬高比（等寬字型高大於寬，因此高度減半）。
2. 2
   逐畫素亮度取樣

   工具呼叫 getImageData 讀取每個單元格的原始 RGBA 位元組。它使用 ITU-R 感知公式（0.299R + 0.587G + 0.114B）將每個畫素轉換為單一亮度值，然後應用你設定的亮度偏移、對比度倍數和伽馬曲線。
3. 3
   亮度對映為字元

   調整後的亮度（0–1）乘以所選字串的長度——標準（ .:-=+*#%@）、70 字形精細、方塊元素、二進位制或你輸入的自定義字元集——並將該索引處的字元放入輸出網格。
4. 4
   匯出為純文字、PNG 或 HTML

   完成的網格拼接為純文字字串，用於複製或下載。匯出 PNG 時，每個字元以 12px 等寬字型透過 fillText 渲染到第二個畫布上。彩色模式讀取每個畫素的原始 RGB，並將每個字元包裹在帶內聯樣式的 span 元素中，可匯出為獨立的 HTML 檔案。

相關工具