精靈圖製作工具

將多張圖片合併為一張精靈圖。設定欄數、間距、背景顏色和調整模式,適用於遊戲開發和 CSS Sprites。

拖放多張圖片到此處或點擊瀏覽

支援 JPG、PNG、WebP。請選擇多個檔案。

所有處理均在瀏覽器中完成,您的圖片不會離開您的裝置。

如何建立精靈圖

精靈圖使用場景

遊戲開發

為 Unity 和 Godot 等遊戲引擎建立 2D 遊戲角色、敵人、特效和 UI 元素的動畫精靈圖。

CSS Sprites

將多個圖示和 UI 元素合併為單個精靈圖,減少 HTTP 請求,提升網站載入效能。

動畫幀

將動畫幀序列組織成精靈圖,用於 HTML5 Canvas 動畫和互動式 Web 應用。

圖示集

將圖示集合併為有組織的精靈圖,實現應用和網站中的高效載入和一致尺寸。

紋理圖集

為 3D 渲染建立紋理圖集,將多個紋理打包到單個圖像中以減少繪製呼叫。

快速原型

無需複雜工具,快速將佔位圖形合併為精靈圖,用於遊戲和應用原型。

常見問題

準備好建立精靈圖了嗎?

幾秒鐘內將圖片合併為精靈圖。免費、私密,完全在瀏覽器中運行。