照片 → 3D 像素畫 → PNG

3D 像素遊樂場

給你的圖片留一點玩心。

做點意想不到的作品。

把圖片變成像素世界。拖曳、調整,做出你的風格。

不用準備圖片,先從範例開始。

只有開啟後才會啟動 3D 預覽。

如何使用此工具

  1. 1

    開啟遊樂場試試範例,或從裝置中選擇一張靜態 JPG、PNG 或 WebP 照片。

  2. 2

    調整細節、深度、間距與顏色。拖曳作品,或用視角按鈕找到合適角度。

  3. 3

    選擇「儲存 PNG」,再下載 1080 × 1080 圖片。保留原始照片,用於日常圖片處理。

從照片到小雕塑

遊樂場從圖片中取樣顏色,將其變成彩色方塊。亮度帶來藝術化的深度效果,並不能從照片中還原真實的 3D 幾何結構。透明區域可能留下空隙。細節數量經過刻意限制,讓你也能在手機上探索這種效果。

可以從人臉、花朵或輪廓鮮明的剪影開始。較低的細節設定會產生更大的方塊和更簡潔的造型。增加深度,營造雕塑般的表面;或稍微增大間距,讓像素彼此分開。想保留原圖的辨識度時,將視角轉向正面。

儲存作品,保留原圖

下載的是包含背景的目前視圖,格式為正方形 1080 × 1080 PNG。這是一幅新的像素作品,不是原始解析度的副本、3D 模型檔案或動畫。更改配色或像素細節屬於創意處理,可能遺失原圖資訊。

一般的尺寸調整、裁切、格式轉換和壓縮工具仍可用於實際檔案需求。遊樂場不保證達到指定的上傳大小。如有需要,可在匯出 PNG 後再壓縮或調整尺寸。

本機處理,隨時暫停

所選圖片始終留在目前瀏覽器頁面。支援不超過 10 MB 和 12 MP 的靜態 JPG、PNG 和 WebP 檔案,不支援動畫檔案、SVG、GIF、HEIC 和 PDF。無需帳號、相機權限或上傳檔案。

開啟遊樂場後才啟動預覽,預設保持靜止,直到你進行操作或開始旋轉。預覽移出螢幕或分頁不可見時,動畫會暫停。較小的預覽和較少的像素有助於手機運作,但效能仍取決於瀏覽器與裝置。關閉遊樂場可釋放繪圖資源。變更不會在下次造訪時保留。

常見問題

可以使用自己的照片嗎?

可以。請選擇支援的圖片,並確保你有權使用。圖片只在本機讀取,不會上傳。請保留原始檔案,匯出的像素作品是另一張圖片。

為什麼預覽的像素比照片少?

圖片會被取樣成數量有限的彩色方塊網格。這既是視覺風格,也讓小型裝置更容易執行預覽。匯出的 PNG 記錄目前作品,不會包含原始照片的全部細節。

3D 視圖不能使用怎麼辦?

試試已啟用 WebGL 的新版瀏覽器,或關閉並重新開啟遊樂場。一般圖片和文字工具無需開啟這個 3D 預覽即可使用。

參考資料與延伸閱讀

Three.js · Three.js — Responsive design

需要實用的圖片處理?

使用日常工具調整原圖尺寸、裁切或壓縮。