像素畫製作工具(Pixel Art Maker)

可在 8×8 到 64×64 的網格上透過點擊、拖曳放置顏色來繪製像素畫的免費編輯器。也可以載入手邊的照片或插畫,將其轉換為像素畫。內建填滿與橡皮擦功能,完成的作品可直接下載為 PNG 圖片。

什麼是像素畫製作工具

像素畫製作工具讓您可以在方格網格上逐格放置顏色,免費在瀏覽器內創作像素畫(Pixel Art)。網格大小可從適合小圖示的8×8,到能表現細節的64×64之間自由選擇,點擊或拖曳即可上色,使用填色工具還能一次替換相連的同色區域。

完成的作品只需一鍵即可下載為PNG圖片,可直接用作遊戲像素圖示、社群媒體頭貼、論壇小插圖等多種用途。所有處理都在瀏覽器內完成,繪製的資料不會被上傳到任何外部伺服器。

如何繪製像素畫

  1. 選擇網格大小 依照想要的精細程度,從8×8到64×64中選擇尺寸。之後更改尺寸會重設畫布。
  2. 若要從圖片開始,先載入圖片(選用) 在「從圖片開始」處選擇檔案,或把圖片拖放到畫布上,即可依目前的網格尺寸將其轉換為像素畫。載入後仍可用畫筆與橡皮擦自由補畫。
  3. 選擇顏色 可用選色器自由選色,也可以點擊常用色調色盤快速選取。
  4. 點擊或拖曳上色 選取畫筆工具後點擊方格即可上色,拖曳可連續塗多個方格。
  5. 靈活運用橡皮擦與填色 用橡皮擦逐格清除,用填色工具一次替換相連的同色區域。
  6. 下載為PNG 完成後點擊「下載PNG」,即可儲存為附透明背景的圖片檔案。匯出尺寸可從原始尺寸(1格=1像素)到整數倍之間選擇。

用好本工具的小技巧

  • 小網格(8×8、16×16)適合遊戲道具圖示與社群媒體頭貼,大網格(32×32以上)較適合完整角色立繪或附背景的插畫。
  • 填色工具只會替換與點擊處顏色相同(包含未上色的透明區域)且上下左右相連的區域,不會影響其他分離的區域。
  • 想表現陰影時,可準備比基礎色稍暗與稍亮的1〜2種色調,只在想突顯立體感的邊緣少量塗上,就能做出簡易的像素陰影效果。
  • 更改網格大小會重設已繪製的內容,建議在動筆前先決定好尺寸。
  • 下載時保留透明背景,可以讓作品更方便地疊加到社群媒體圖示或應用程式素材上使用。
  • 載入照片時,主體佔畫面較大、背景較單純的圖片在縮減到少量方格後依然容易辨認。若輪廓顯得含糊,可啟用「將顏色貼合到16色調色盤」,減少色數後會更接近像素畫應有的清晰觀感。
  • 編輯區是放大顯示的,因此一邊看原始尺寸預覽一邊繪製可以減少重做。尤其在 8×8 或 16×16 下,原始尺寸會糊成一團的細節不如果斷省略,這樣反而更容易看出畫的是什麼。

適用情境

遊戲製作的暫用素材

獨立遊戲開發者可以在構思階段快速試做角色與道具的像素圖示。

製作社群媒體或論壇頭貼

可以輕鬆製作X(原Twitter)、Discord頭貼或論壇用的小型角色圖片。

練習復古遊戲畫風

適合作為初學者練習紅白機/超任時代像素表現手法的入門工具。

像素文字或標誌草案

利用網格特性,也很適合製作像素文字或簡單幾何圖案標誌的草稿。

詞彙表

像素畫(Pixel Art)
以方形的點(像素)為基本單位組合繪製的一種畫風。源於早期電腦與遊戲機的顯示限制,如今已成為獨具特色的表現風格。
網格
用於繪製像素畫的方格陣列。一個格子對應一個像素,格子數量(例如16×16)就是圖像的解析度。
填色(油漆桶)工具
將與點擊處顏色相連的區域一次替換為另一種顏色的功能,省去逐格上色的麻煩。
透明(Alpha色版)
可以讓圖像的一部分保持「未上色」狀態並儲存的功能。以透明背景匯出PNG後,能更方便地疊加到其他圖片或頁面上使用。
點陣圖(點陣圖形)
像像素畫一樣,將圖像以方格狀點陣處理的格式。放大後會看到明顯的方格,這與以數學方式保留輪廓的向量格式不同。

常見問題

本站對使用此工具創作的圖像本身的著作權不設限制。但若配色或主題模仿了他人既有作品,請留意原作品的相關權利。

更改網格大小會改變格子數量,先前繪製的內容會被清除。若想更改尺寸,建議先將目前作品下載為PNG保存。

目前版本尚不支援:關閉瀏覽器或重新整理頁面後,畫布內容會遺失。可恢復編輯的草稿儲存功能是未來可能考慮新增的方向。不過,本工具匯出的 PNG 不含網格線,因此可以直接重新載入,每個方格都會恢復為原來的顏色。先下載保存一份,之後就能載入繼續編輯。

不會。上色、填色與匯出PNG都完全在您的瀏覽器內處理,不會被儲存到任何外部伺服器。

可以。支援觸控點擊與拖曳操作,可以用手指或觸控筆為方格上色。

可以。請在「從圖片開始」處選擇檔案,或把圖片拖放到畫布上。系統會依目前的網格尺寸,取每個方格所覆蓋區域的平均色進行轉換。對於非正方形的圖片,可以選擇「裁切中央」或「完整放入」。轉換後仍可用畫筆、橡皮擦、填滿工具進行修改。

可在「匯出尺寸」中選擇。預設為原始尺寸,16×16 的網格會得到 16×16 像素的 PNG。這就是像素畫本身的解析度,用作遊戲素材可直接使用。需要較大圖片(例如社群平台頭像)時,請選擇 2 倍、4 倍等整數倍。放大一律採用整數倍,因此每一格的寬度保持一致,不會變模糊。
工具君

閒話 ― 為什麼像素畫至今仍備受喜愛

像素畫這種表現形式誕生於1970到80年代,當時的電腦與遊戲機顯示能力十分有限。那個年代的螢幕能處理的色數與解析度都極為有限,如何在有限的方格與色數中讓角色與背景更具吸引力的種種巧思,逐漸發展成了一種獨特的美學。

如今,即使寫實風格的圖形已成為常態,像素畫依然擁有一批忠實的愛好者。在獨立遊戲的世界裡,「復古外觀」本身常被當作一種賣點來選擇,在有限的表現手法中展現個性的這種職人技藝,至今仍被許多創作者傳承下去。

近年來,許多像素畫編輯軟體逐漸走向付費化、功能複雜化,但想快速做一個小圖示或臨時插畫的需求依然存在。僅在瀏覽器內即可完成的這種便利性,正是回歸「在網格上放置顏色」這種像素畫最原始樂趣的一個入口。