圖片轉 ASCII 字元畫

🖼 Image to ASCII Art Converter

Map image brightness to ASCII characters with adjustable width, contrast, brightness and character set, previewed and copied locally.

📐 計算公式 / 原理
亮度 L = 0.299R + 0.587G + 0.114B;字元索引 i = round(L / 255 × (n − 1))
基於 BT.601 亮度加權:把每個取樣塊的平均亮度對映到字元集(如 "@%#*+=-:. ")的對應檔位;輸出寬度、對比度、亮度與字元集均可調,用於生成字元畫。

📁 點選選擇圖片,或拖拽圖片到這裡

支援 JPG / PNG / GIF / WebP / BMP

詳細 10 級
.:-=+*#%@
簡單 5 級
.oO@
二進位制
#.
方塊
░▒▓█
上傳圖片後會顯示 ASCII 字元畫...

📚 深度解析:圖片轉 ASCII 字元畫

💡 常見使用場景

  • 做終端藝術。
  • 趣味頭像。
  • 文件裝飾。
生成 80 列 ASCII
<p><strong>輸入:</strong>上傳圖、寬 80 列、字元集 @%#*+。</p><p><strong>處理:</strong>灰度對映字元。</p><p><strong>輸出:</strong>可複製的字元畫文本。結果以瀏覽器即時計算為準,純前端本地處理、資料不上傳;生成的樣式與程式碼僅作快速產出參考,正式專案請以設計系統、規範與瀏覽器實測為準。</p>

❓ 常見問題(FAQ)

為什麼傳出來是文本?
ASCII 畫本質是字元文本,可直接粘到等寬環境。結果以瀏覽器即時計算為準,純前端本地處理、資料不上傳;生成的樣式與程式碼僅作快速產出參考,正式專案請以設計系統、規範與瀏覽器實測為準。
處理大圖會卡嗎?
在瀏覽器本地用 Canvas 完成,圖越大越佔記憶體;建議先縮到合適尺寸再處理,資料不上傳。
會儲存或上傳我的內容嗎?
結果以瀏覽器即時計算為準,純前端本地處理、資料不上傳;生成的樣式與程式碼僅作快速產出參考,正式專案請以設計系統、規範與瀏覽器實測為準。
⚠️ 使用說明與注意事項
📖關於「圖片轉 ASCII 字元畫」 ▼

📝工具簡介

圖片轉 ASCII 字元畫。設計創意工具,視覺化操作,一鍵生成 CSS 程式碼。

✨功能特點

🎯使用場景

如何使用圖片轉 ASCII 字元畫

  1. 在對應的輸入框或選項中填寫、選擇所需引數。
  2. 點選「計算」或「生成」按鈕執行。
  3. 在結果區檢視輸出,可複製結果或匯出使用。

引數說明

適用場景

設計稿標註、配色與排版相關的快速參考。

常見問題

圖片轉 ASCII 字元畫是做什麼的?
上傳圖片後在瀏覽器本地處理,用 Canvas 讀取畫素亮度對映為 ASCII 字元,可調節輸出寬度、對比度、亮度和字元集,即時預覽並複製結果,圖片不會上傳到伺服器。
如何使用圖片轉 ASCII 字元畫?
在對應的輸入框或選項中填寫、選擇所需引數,點選「計算」或「生成」按鈕即可執行,結果會在結果區即時顯示,支援複製與匯出。
計算結果準確嗎?
本工具在你的本地瀏覽器中即時計算,不依賴伺服器;只要輸入的引數正確,結果即按對應的規則得出。涉及經驗估算的部分僅供參考,不作為正式依據。
圖片轉 ASCII 字元畫適合哪些場景?
設計稿標註、配色與排版相關的快速參考。
使用本工具需要聯網或上傳資料嗎?
不需要。所有計算均在你的裝置本地完成,資料不會上傳到任何伺服器,可放心使用。