跳到主要內容
bobob

點陣圖複製產生器

點陣圖複製產生器：在格子上點一點，畫出愛心、笑臉、箭頭等小圖案，轉成圓點、方塊或全塊字元，按一下複製，貼到 IG 簡介、LINE、Threads 或文件裡。

只在瀏覽器裡處理輸入的內容不會送到伺服器。

輸入與結果

輸入的內容只存在這個瀏覽器。重新開啟可以還原上次的操作。

使用情境

  • 替 IG 簡介、留言、聊天室做一個小愛心、笑臉或箭頭，不用另外找圖。
  • 直接套用愛心、笑臉、箭頭、勾選，再點格子微調成自己要的樣子。
  • 圓點、方塊、全塊三種字元可以隨時切換，格子不用重畫。
  • 格子大小可調（4～24 列欄），貼進有字數限制的欄位前先縮小。

點陣圖複製怎麼用

  1. 1先按上方的「愛心」「笑臉」「箭頭」「勾選」套用範本，或自己改「列」「欄」數字決定格子大小（4～24）。
  2. 2在格子上點一下填滿、再點一下清空，下方的「產生的點陣圖」會跟著更新。
  3. 3在「點陣調色盤」選圓點、方塊或全塊，看哪一種在你要貼的 App 裡最清楚。
  4. 4按輸出區右上角的「複製」，貼到 IG、LINE 或 Threads；換行要原樣保留，貼上後先預覽一下。

範例

愛心（圓點）
○●●○○●●○ ●●●●●●●● ●●●●●●●● ○●●●●●●○ ○○●●●●○○ ○○○●●○○○
套用「愛心」、調色盤選圓點。6 列 8 欄，適合放進 IG 簡介。
愛心（方塊）
□■■□□■■□ ■■■■■■■■ ■■■■■■■■ □■■■■■■□ □□■■■■□□ □□□■■□□□
同一個愛心換成方塊，邊緣比圓點更明顯。
笑臉（圓點）
○○●●●●○○ ○●○○○○●○ ●○●○○●○● ●○○○○○○● ●○●○○●○● ●○○●●○○● ○●○○○○●○ ○○●●●●○○
套用「笑臉」、圓點。8 列 8 欄，留言或聊天室裡很常用。
笑臉（全塊）
░░████░░ ░█░░░░█░ █░█░░█░█ █░░░░░░█ █░█░░█░█ █░░██░░█ ░█░░░░█░ ░░████░░
全塊字元的對比最強，但在字型較窄的 App 裡可能糊成一團。
箭頭（方塊）
□□□■□□□□ □□□■■□□□ ■■■■■■□□ ■■■■■■■□ ■■■■■■□□ □□□■■□□□ □□□■□□□□
套用「箭頭」、方塊。7 列 8 欄，指向右邊。
箭頭（圓點）
○○○●○○○○ ○○○●●○○○ ●●●●●●○○ ●●●●●●●○ ●●●●●●○○ ○○○●●○○○ ○○○●○○○○
同一個箭頭換成圓點，看起來比較輕。
勾選（全塊）
░░░░░░░█ ░░░░░░██ █░░░░██░ ██░░██░░ ░████░░░ ░░██░░░░
套用「勾選」、全塊。適合待辦清單、完成回報。

常見錯誤

  • 字寬不一的字型（例如 LINE、IG 預設字型）會讓每一行對不齊，圖案歪掉；圓點比方塊更容易受影響。
  • 格子越大字數越多：16×16 加上換行約 270 字，簡介和留言欄常放不下，請縮小格子。
  • 有些 App 會把換行或空白壓縮掉，貼上後圖案就散了。
  • 手機版的窄欄位會自動換行，超過約 18 欄的圖案容易被切成兩半。

複製前確認

  1. 1要貼的欄位字數有限，先把格子縮到放得進去。
  2. 2貼上後在手機上預覽一次，確認每一行長度一致。
  3. 3同一個圖案換一種調色盤再比較，挑在目標 App 裡最清楚的那種。

參考資料

  • Braille Patterns block, U+2800-U+28FF

    One character holds a 2x4 grid of dots that can each be on or off, so a single character acts as eight pixels. The 256 characters in the block are every combination of those eight dots - which is how dot art fits a picture into very few characters.

    依據：Unicode block definition

  • The shape only survives in a monospace font

    Paste it where character widths differ and the rows no longer line up, so the picture collapses. Use somewhere monospace, like a code block.

    依據：Depends on the font

  • Check the character limit where you paste it

    Dot art looks like a picture but counts as text. A 16x16 drawing runs past 300 characters including line breaks. For a bio or a comment with a limit, draw on a smaller grid.

    依據：Depends on the destination

常見問題

點陣圖複製出來的是圖片還是文字？

是文字。圓點、方塊這些字元一個個排成格子，所以能複製貼上；但因為是文字，要看對方的字型和欄寬，不像圖片一定長一樣。

貼到 IG 簡介或 LINE，圖案歪掉怎麼辦？

多半是那個地方的字型不等寬，每個字元寬度不同。可以換一種調色盤、縮小格子，或貼到會用等寬字型顯示的地方（例如程式碼區塊）。

可以畫多大的圖案？

列和欄各可設 4～24。越大越吃字數與欄寬，放進簡介或留言前建議用 8×8 左右。

畫的內容會上傳嗎？

不會。格子與輸出都在你的瀏覽器裡處理，不會送到伺服器。