圖片轉ASCII:把照片轉成 ASCII art
把照片、標誌或螢幕截圖放進來,就能得到用鍵盤字元畫成的 ASCII art。你可以自己決定寬度,選擇標準、方塊或二進位字元集,再把結果複製成純文字,貼到 Discord 或 Reddit 貼文、程式碼註解或 README。圖片只會在你的瀏覽器中轉換,不會上傳。
圖片轉ASCII art 的步驟
把圖片變成 ASCII art 只要幾個步驟:
- 新增圖片。點一下或按一下虛線方框,選擇檔案,或把檔案拖進去。你也可以按下從剪貼簿貼上圖片,或在頁面任何地方按 Ctrl+V(Mac 為 Cmd+V)。
- 查看結果。作品會顯示在等寬字型的方框中,並標示寬高各有幾個字元。預設寬度是 80 個字元,手機寬度的螢幕則是 40 個。
- 開啟設定。裡面有輸出寬度、字元集和反轉顏色三個選項,每次調整,畫面都會重新繪製。
- 按下方的大按鈕複製到剪貼簿。文字進入剪貼簿後,按鈕會變成「已複製!」。
- 想換一張圖片,按上方列的箭頭(重新開始)就會回到最初的方框。
支援 PNG、JPG、WebP、GIF(第一個影格)、HEIC,以及 DNG 等相機 RAW 檔案。
輸出寬度、字元集與反轉顏色
輸出寬度是從 10 到 300 個字元的滑桿。數字小,畫面粗略但容易看;數字大,細節保留得多,不過需要較寬的方框才能完整顯示。高度會依圖片比例計算,所以圖片不會被拉伸變形。
字元集決定用哪些符號來畫,由淺到深:標準使用十個一般鍵盤字元(空白 . : - = + * # % @),貼到哪裡都可以,連舊式終端機和原始碼也行。方塊使用有深淺的方塊字元(░ ▒ ▓ █),看起來更平滑、更紮實,需要字型包含這些字元,不過幾乎所有新的應用程式都有。二進位則全部用 1 和 0 來畫。
反轉顏色會對調哪些像素使用最密的字元。如果是在淺色頁面上放深色字,例如白色文字框、電子郵件或文件,請保持關閉;如果要貼在深色背景,例如 Discord 的深色模式,請開啟。預覽平常是白底深色字,反轉後是深底淺色字,和你貼上後的樣子一致。
ASCII art Discord、Reddit 與程式碼註解
ASCII art 只有在等寬字型下才會正確顯示,因為每個字元的寬度都相同。聊天軟體和論壇會在程式碼區塊裡正確顯示:在 Discord 請貼在三個反引號(```)之間,在 Reddit 請使用程式碼區塊按鈕,或縮排四個空白。在程式碼編輯器裡,貼進註解區塊就能保持原本的形狀。
- 太寬:超過大約 80 到 100 個字元寬的作品,在狹窄的聊天視窗會自動換行而散掉。請調小輸出寬度,並確認顯示的字元數。
- 訊息長度限制:Discord 一般訊息上限是 2,000 個字元,而作品大約有寬度 × 高度個字元,所以那裡需要小一點的寬度。
- 深色背景:貼上後如果圖片看起來像底片,請切換反轉顏色。
- 挑選合適的圖片:對比高、主體清楚的圖片效果最好。太雜亂的照片在寬度小時會變成雜訊。
PNG 與其他格式
任何格式的步驟都一樣。把 PNG 拖進虛線方框,或用 Ctrl+V 貼上即可。透明的 PNG 也能用:透明的部分會留白,不會變成一整塊實心。JPG、WebP、GIF(只取第一個影格)、HEIC,以及 DNG 等相機 RAW 檔案也都支援。
轉換的原理
圖片會先縮小成每個字元對應一個像素的格子。每個像素的亮度以 0.2126 × 紅 + 0.7152 × 綠 + 0.0722 × 藍計算,再依亮度從字元集中挑一個字元:最暗的像素用最密的字元,看起來就像紙上的墨水;開啟反轉顏色時則相反。因為文字字元的高度大約是寬度的兩倍,列數會減半,讓作品維持圖片原本的比例。PNG 的透明部分會留白。輸出只有純文字,沒有顏色。
常見問題
圖片要怎麼轉成 ASCII art?
在方框中選擇圖片,或用 Ctrl+V 貼上,也可以按「從剪貼簿貼上圖片」。ASCII art 會立刻出現。開啟「設定」可以調整「輸出寬度」、「字元集」或「反轉顏色」,再按「複製到剪貼簿」。支援 PNG、JPG、WebP、GIF、HEIC 和相機 RAW 檔案。
ASCII art 可以複製貼上成文字嗎?
可以。按「複製到剪貼簿」會把作品以純文字放進剪貼簿,每個空白和換行都原樣保留。你可以貼到聊天室、貼文、電子郵件、文字檔或程式碼註解。這裡沒有下載按鈕,想存成檔案的話,請用任何文字編輯器貼進 .txt 檔。
怎麼把 ASCII art 貼到 Discord?
如果你用 Discord 的深色模式,請先開啟「反轉顏色」,複製作品後貼在三個反引號(```)之間,Discord 才會用等寬的程式碼區塊顯示。沒有程式碼區塊的話,空白會被壓縮,圖看起來就壞掉了。Discord 一般訊息也限制在 2,000 個字元以內,所以請調小輸出寬度,直到顯示的字元數夠小。
可以轉成有顏色的 ASCII art 嗎?
不行。這個工具只產生純文字,所以沒有彩色輸出:每個字元顏色都一樣,圖片只靠明暗字元畫出來。純文字最適合乾淨地貼進聊天室、貼文和程式碼註解。「反轉顏色」只是對調哪些像素使用密的字元,給深色背景使用。
PNG 要怎麼轉成 ASCII art?
所有格式的步驟都一樣。把 PNG 拖進虛線方框,或用 Ctrl+V 貼上。透明的 PNG 也能用,透明的部分會留白,不會變成一整塊實心。JPG、WebP、GIF(只取第一個影格)、HEIC,以及 DNG 等相機 RAW 檔案也都支援。
ASCII 二進位是什麼意思?
指的是「字元集」裡的「二進位」選項,它只用數字 1 和 0 來畫圖,而不是標點符號或深淺變化。很適合在貼文或 README 裡營造駭客或矩陣風格。「標準」使用從空白到 @ 的十個字元,「方塊」則使用有深淺的方塊字元。
轉換 ASCII art 時,我的圖片會被上傳嗎?
不會。圖片是在你自己的裝置上,由瀏覽器透過 canvas 讀取並轉換,不會傳送到任何伺服器。只有你複製的文字會離開這個頁面,而且是在你把它貼到某處的時候。