<質感工坊

像素畫轉換器

[ 8-BIT / RETRO PIXEL ]
Pixel Crush applied to the sample photo

線上照片轉像素畫

用照片製作復古頭像、遊戲風海報或像素封面。這款像素畫轉換器將影像重繪成方形色塊,不是將像素排序成拉絲。全部透過瀏覽器本機 Canvas 2D 運算,照片不會離開裝置。

  1. 拖入、貼上照片,或點擊選擇圖片。
  2. 選擇 Pixel Crush。調低 Detail 得到大像素塊,調高保留細節,再調 Intensity 和 Contrast。
  3. 匯出無浮水印 PNG,長邊最高 1400px;較小圖片維持原尺寸。

四種復古風格

  • Pixel Crush:方形色塊,每個 RGB 通道量化為五級,呈現像素畫觀感。
  • Tessera:保留照片配色的馬賽克磁磚,格子之間帶縫隙。
  • Studwork:帶圓形凸點的積木色塊,模擬顆粒表面。
  • Bitgrain:Bayer 有序抖動,減少色階並加入規則點陣。

Pixel Crush、Tessera 和 Studwork 取對應區域的平均顏色,Bitgrain 則透過 Bayer 矩陣進行有序取樣與抖動。Detail 控制格子大小,Intensity 控制與原圖的混合程度,工坊一次套用一款濾鏡。「8-bit」指復古視覺風格,不保證固定 256 色或遊戲精靈格式。需要雙色效果時可到 1-Bit 抖動轉換器 選擇 Grain 濾鏡。

> 效果範例

同一張插畫,用本頁濾鏡的預設參數處理——由上方同一套引擎真實算繪,不是效果示意圖。

兩位戴斗笠的旅人穿過被風吹伏的草坡的插畫——未經任何濾鏡處理的原圖
原圖未經處理
兩位戴斗笠的旅人穿過被風吹伏的草坡的插畫,套用 Pixel Crush 濾鏡後——壓成 8-bit 像素塊
Pixel Crush壓成 8-bit 像素塊
兩位戴斗笠的旅人穿過被風吹伏的草坡的插畫,套用 Tessera 濾鏡後——方形馬賽克磁磚
Tessera方形馬賽克磁磚
兩位戴斗笠的旅人穿過被風吹伏的草坡的插畫,套用 Studwork 濾鏡後——積木顆粒凸點
Studwork積木顆粒凸點
兩位斗笠旅人走在高高綠草中的近景裁切——未經任何濾鏡處理的原圖
原圖未經處理
兩位斗笠旅人走在高高綠草中的近景裁切,套用 Pixel Crush 濾鏡後——壓成 8-bit 像素塊
Pixel Crush壓成 8-bit 像素塊
兩位斗笠旅人走在高高綠草中的近景裁切,套用 Tessera 濾鏡後——方形馬賽克磁磚
Tessera方形馬賽克磁磚
兩位斗笠旅人走在高高綠草中的近景裁切,套用 Studwork 濾鏡後——積木顆粒凸點
Studwork積木顆粒凸點

> 常見問題

怎樣將照片轉成像素畫?
載入照片後選擇 Pixel Crush。Detail 調低出大色塊,調高能保留五官和輪廓,再調 Intensity 與 Contrast,最後匯出 PNG。
像素畫轉換免費嗎?照片會被上傳嗎?
四款濾鏡與 PNG 匯出均免費,免註冊、無浮水印。圖片在瀏覽器內透過 Canvas 2D 處理,不會上傳伺服器。
能產生 32×32 遊戲精靈或指定 8-bit 調色盤嗎?
不能。匯出維持輸入尺寸,長邊最高 1400px,Detail 改變色塊大小而非圖片尺寸。Pixel Crush 填色先量化為五級再與原圖按 Intensity 混合,不支援自訂調色盤、固定 256 色或精靈圖集匯出。
像素畫與像素排序有什麼差別?
像素畫將區域平均顏色重繪為方格。像素排序將越過亮度閾值的連續像素沿列或欄重排,形成故障拉絲;需要融化效果請使用線上像素排序工具。

圖片在你的瀏覽器內處理,不會上傳。站點保留匿名使用統計(頁面造訪、所選濾鏡、檔案大小),不含任何像素資料。