CSS Sprite 線上產生器
快速啟動
使用即用型整合包將圖片組合成透明 CSS 精靈。
- 上傳並選擇圖像
- 選擇排列、填充和 CSS 大小
- 產生並下載 PNG、CSS、JSON 和 HTML 預覽
選擇檔案
將檔案拖放到此處...（或點擊以選擇檔案）
或刪除包含檔案的存檔
CSS Sprite 線上產生器
從多張圖片產生 CSS Sprite，並取得包含 CSS 位置的合成圖表。這有助於減少圖片請求、準備圖示集，並讓網站小圖素材更易管理。
✓
把多張小圖合成為一張 CSS Sprite 圖。
✓
適合圖示集、遊戲素材和需要減少圖片請求的網站。
✓
結果包含合成圖和對應的 CSS 座標，便於直接嵌入專案。
✓
無需安裝軟體，只需要瀏覽器和網路連線。
✓
可在桌面電腦、平板和筆記型電腦上使用。
✓
暫存檔案會在一段時間後自動刪除。
Supported formats
This tool accepts these formats. Uncommon containers and modern web formats may be normalized or converted on the server before processing.
Images
APNG
AVIF
BMP
DDS
DPX
EXR
FITS
FTS
GIF
HDR
HEIC
HEIF
ICO
J2C
J2K
JPC
JPE
JPEG
JPG
JP2
JPF
JPM
JPS
JXL
MJ2
PAM
PBM
PCX
PDN
PGM
PNG
PNM
PPM
PSD
TGA
TIF
TIFF
WBMP
WEBP
SVG
A damaged file or a non-standard codec can still fail even when the extension is supported.
其他工具
用戶評論
發表前會檢查評論。我們發布真正的正面回饋和具體批評。沒有有用細節的垃圾郵件和侮辱性內容不會被發布；褻瀆和個人資訊被掩蓋。贊成票立即計算；反對票經審核後計算。
評論反映了使用者的體驗，而不是結果的保證或服務限制的描述。使用上面的評級按鈕留下評論。
尚未發表此語言的評論。
