MakeBead

~ 把照片變成復古像素畫 ~

8-bit / 16-bit 圖片轉換器

為照片、插畫或圖示製作復古版本。從 8-bit、16-bit 或四色掌機風格開始,調整像素精細度與明暗效果,並與原圖對照。可以下載小尺寸像素圖,也可以匯出邊緣清晰的放大 PNG。全部在瀏覽器中執行,免註冊。

將 PNG、JPEG 或 WebP 拖到這裡

最大 20 MB · 在裝置本機處理

起始風格

這些是視覺風格預設,不是檔案位元深度,也不精準模擬特定主機。

選擇圖片或試用範例,查看轉換效果。

如何將圖片轉成 8-bit 或 16-bit 風格

  1. 選擇圖片或試用範例。 開啟 PNG、JPEG 或 WebP 檔案,或拖入上傳區域。主體清楚、背景簡單的圖片,通常比細密紋理或小字更適合降低解析度。若只想突顯人臉、物體或畫面中的一部分,請先裁切圖片。
  2. 選擇起始風格。 8-bit 預設長邊 64 像素、16 色;16-bit 預設長邊 128 像素、32 色;掌機風格預設長邊 96 像素、四種綠色色調。這些是 MakeBead 的風格預設,並非特定主機的模擬。選擇預設會重設精細度、仿色、亮度和對比。
  3. 調整畫面。 降低像素精細度可得到更粗大的色塊,提高精細度則能保留更多小特徵。有序仿色會產生重複紋理;Floyd–Steinberg 仿色則用分散的點狀色彩表現中間色調。想保留較大的純色色塊,可以關閉仿色。如果主體的重要部分消失了,請試著調整亮度和對比。
  4. 選擇匯出倍數並儲存。 1× 會將每個格子儲存為一個輸出像素;2×、4× 或 8× 則能得到更大的圖片,每個格子都放大成同樣大小的正方形。下載尺寸顯示在按鈕旁。PNG 可保留轉換後的顏色與透明區域,不會新增 JPEG 壓縮失真。

這裡的 8-bit 和 16-bit 指什麼

在本工具中,8-bit 和 16-bit 指受早期像素圖形啟發的視覺風格,並不表示所有 8-bit 遊戲都用 16 色,或所有 16-bit 遊戲都用 32 色。真實硬體的色盤、螢幕尺寸、精靈圖規則,以及同時顯示顏色的限制各不相同。這些預設只是製作圖片效果的實用起點,不宣稱精準還原硬體。

下載的是瀏覽器產生的普通靜態 PNG。本工具不會匯出索引色 PNG-8、每色版 16 位元的圖片、遊戲 ROM 或可直接用於主機的素材。如果工作流程要求特定檔案位元深度或索引格式,請先確認要求,再用支援相應編碼格式的編輯器處理完成的作品。

像素精細度與匯出尺寸各有用途

像素精細度決定畫面保留多少資訊。64 × 48 的轉換結果包含 3,072 個格子,每格是色盤中的一種顏色,或完全透明。提高精細度可讓眼睛、文字和邊緣更容易辨認;降低精細度會形成更大的色塊和更強的馬賽克效果,但小特徵可能完全消失。

匯出倍數只會放大最終格線圖。64 × 48 的結果以 4× 儲存後為 256 × 192,每格占據一個 4 × 4 的正方形,不會新增細節或顏色。請先決定格線尺寸,再選擇下載尺寸。「符合視窗」會將兩張預覽分別放大到各自可用的區域;使用 100% 可查看實際像素尺寸。

依畫面需要選擇仿色,不必拘泥於年代

有限的色盤無法重現照片中的所有明暗色調。仿色透過交錯排列既有顏色,模擬部分缺少的色調。有序仿色形成規則圖案;Floyd–Steinberg 會將顏色誤差擴散到相鄰像素,形成較不規則的紋理。兩者都不會增加色盤顏色。如果部分顏色未被用到,畫面中的實際色數可能少於色盤總色數。

仿色有助於呈現漸層、天空和柔和的明暗過渡,但也可能讓人臉或小圖示顯得雜亂。下載前請與關閉仿色的效果對照。若想得到更乾淨的精靈圖,可以減少原圖細節、簡化背景,或適度調整對比。自動轉換只是起點,講究的輪廓和像素群仍須手動編輯。

透明度、圖片品質與支援格式

支援不超過 20 MB 的 PNG、JPEG 和 WebP,原圖任一邊不得超過 8,192 像素,總像素數不得超過 1,600 萬。像素格線保留圖片比例,並取整到完整像素,長邊可設為 16–256 像素。8× 匯出的長邊最大為 2,048 像素。檔案在本機處理,不會上傳到伺服器。

透明圖片採用明確的透明度閾值:取樣後不透明度低於 50% 的像素變為完全透明,其餘像素變為完全不透明的色盤顏色。因此,柔和的半透明邊緣可能改變。棋盤格僅輔助預覽,不會儲存。JPEG 背景仍是圖片的一部分。動態 PNG 或 WebP 會轉為瀏覽器解碼出的單張靜態畫面;不支援 GIF 輸入或動畫匯出。

復古圖片轉換常見問題

8-bit 和 16-bit 預設有什麼差別?

8-bit 預設採用 MakeBead 的 16 色色盤,長邊 64 像素。16-bit 預設採用 32 色,長邊 128 像素,可呈現更多細節與明暗層次。兩者都是可調整的風格預設,並非精準的主機模擬,也不是檔案位元深度設定。

不上傳照片也能轉成像素畫嗎?

可以。圖片讀取、轉換和 PNG 匯出都在瀏覽器內完成,不會將圖片傳送到伺服器,也免註冊。

為什麼轉換後的圖片顯得很雜亂?

試著關閉仿色。如果人臉或小物體難以辨認,可以提高像素精細度,或先裁切原圖來簡化畫面。強烈的仿色與複雜背景可能掩蓋小圖片中最重要的形狀。

下載圖片的像素邊緣會清晰嗎?

會。1× 下載直接儲存轉換後的格線圖。較大的倍數會把每格複製成同樣大小的正方形,不進行平滑處理。預覽縮放不會影響下載尺寸。

能保留透明背景嗎?

可以,但透明度只有全透明和全不透明兩種狀態。取樣後不透明度低於 50% 的像素會完全透明,其餘像素會完全不透明。這適合清楚的像素輪廓,但無法保留柔和的半透明邊緣,也不會移除純色背景。

輸出是真正的 PNG-8 或每色版 16 位元 PNG 嗎?

不是。名稱指的是視覺風格,下載的是標準的瀏覽器產生 PNG。如果需要索引色檔案或特定色版位元深度,請使用可明確設定編碼選項的圖片編輯器。

轉換後能逐像素編輯嗎?

請以 1× 下載結果,再匯入連結中的像素畫編輯器。1× 檔案中的每個轉換格子都對應一個可編輯像素。較大的匯出圖片包含重複像素,更適合分享或展示。

傳送回饋

發現了 bug、功能缺失,或者只是想打聲招呼?我們閱讀每一則訊息。

或直接寄信: contact@makebead.com