跳至主要內容
AI Sprite Maker

像素畫編輯器

打開瀏覽器就能用的正規精靈圖編輯器。圖層、附洋蔥皮的動畫影格、鏡像繪製與像素級精準線條,然後匯出 PNG、精靈圖集或 GIF。不需帳號,不必上傳。

  • 免費
  • 本機執行
  • 免註冊
12×
筆刷大小1
影格
調色盤
圖層
圖層 1
不透明度100%
預覽
精靈圖

所有處理都在你的瀏覽器中完成。檔案絕不會上傳,頁面載入後即使離線也能使用。

像素畫編輯器使用教學

  1. 選擇畫布尺寸(16×16 與 32×32 是不錯的起點),或開啟 PNG、GIF 或 .piskel 檔。
  2. 選擇 PICO-8 或 Endesga 32 等調色盤,用鉛筆(B)繪製。右鍵會用副色繪製,副色預設為透明。
  3. 替線稿、上色與陰影分別加入圖層。加入影格來製作動畫,並開啟洋蔥皮(K)查看前一格與後一格。
  4. 按 Enter 播放動畫、調整 FPS,並在 1×、2× 或拼貼模式的小預覽中檢查。
  5. 開啟匯出,下載 PNG、附 JSON 的精靈圖集、GIF 動畫、SVG、影格 ZIP 或 .piskel 檔。

你會得到什麼

  • 目前影格的 PNG,1× 到 16×
  • 精靈圖集 PNG,附 JSON 影格清單(任意欄數)
  • 使用文件 FPS 的 GIF 動畫,保留透明度
  • 依編號命名的影格 PNG ZIP 壓縮檔
  • 每種顏色一條路徑的 SVG
  • 可以在這裡或 Piskel 重新開啟的 .piskel 檔

來自實際做遊戲的技巧

  • 畫 1px 描邊時保持像素完美(P)開啟,它會去掉徒手畫線留下的重複轉角像素。
  • 用鉛筆 Shift+點擊,可以從上一個點畫出直線。拖曳直線時按住 Shift 會吸附到 45° 間隔,矩形/橢圓則會變成正方形/圓形。
  • 明暗工具(U)會把像素換成調色盤中下一個較亮或較暗的顏色,不必離開調色盤就能上陰影。右鍵變暗。
  • 繪製前先選取範圍(S,或用 W 選同一顏色),筆觸就會限制在範圍內;移動前先選取,就只會移動那些像素。
  • 畫角色與正面精靈圖時開啟 X 軸鏡像,最後再手動打破對稱,免得精靈圖看起來像蓋印章蓋出來的。
  • 在線稿底下放一個低不透明度的隱藏「草稿」圖層,匯出前刪掉即可。
  • 作品會自動儲存在這個瀏覽器中。它不會同步到任何地方,想備份的話請匯出 .piskel 檔。
  • 用 Ctrl+V 貼上圖片,會以新圖層加入,描摹參考圖很方便。

使用情境

  • 不用安裝任何軟體,就能在 Game Jam 中繪製角色、道具與圖塊
  • 在匯入引擎之前,逐像素清理 AI 生成的精靈圖
  • 製作待機、走路與攻擊循環動畫,並匯出精靈圖集給 Godot、Unity 或 GameMaker 使用
  • 製作小型 GIF 動畫與表情貼圖
  • 在沒有安裝 Piskel 的電腦上編輯 Piskel 專案

常見問題

這個像素畫編輯器免費嗎?
免費。所有繪製、動畫、匯入與匯出功能都免費,也沒有浮水印。編輯器完全在你的瀏覽器中執行。
我的作品儲存在哪裡?
儲存在瀏覽器的本機儲存空間中,僅限這台裝置。重新整理頁面不會消失,但清除網站資料或換瀏覽器就沒了。請匯出 .piskel 或 PNG 留一份備份。
能開啟 Piskel 檔嗎?
可以。開啟 .piskel 檔後,圖層、影格與 FPS 都會匯入。也可以再匯出為 .piskel。
畫布最大可以多大?
512×512 像素。像素畫通常每邊 16 到 128 像素,把上限定在這裡,能讓手機與舊筆電上的繪製保持順暢。
怎麼替遊戲引擎製作精靈圖集?
在時間軸上畫好每一格動畫,然後選擇 匯出 → 精靈圖集。設定欄數與縮放,就會得到一張 PNG 與一個記錄每格位置與時長的 JSON 檔。
能在手機或平板上使用嗎?
可以。用一根手指繪製,雙指捏合或拖曳來縮放與平移。不過因為有快速鍵,做精細作業時滑鼠與鍵盤還是比較快。
能匯入 GIF 或精靈圖集嗎?
可以。GIF 開啟後每個 GIF 影格對應一格。開啟看起來像圖集的 PNG 時,編輯器會詢問是否依偵測到的網格拆成影格。
所有免費工具 →