วางโฟลเดอร์สไปรต์ แล้วรับเท็กซ์เจอร์แอตลาสที่รวมกันแล้ว พร้อมไฟล์ JSON ที่มีพิกัดของแต่ละสไปรต์ สำหรับนักพัฒนาเกม (Unity, Phaser, PixiJS, Godot) และนักพัฒนาเว็บ (CSS สไปรต์สำหรับ ชุดไอคอน) ที่ต้องการลดคำขอ HTTP หรือดรอว์คอล
ทำไมต้องสไปรต์ชีต
สำหรับเกม การวาดเท็กซ์เจอร์ขนาดใหญ่หนึ่งอันถูกกว่าการวาดหลายอันเล็ก ๆ มาก — GPU จะรวมสไปรต์ทั้งหมดในดรอว์คอลเดียวแทนที่จะสลับเท็กซ์เจอร์หลายสิบครั้ง สำหรับเว็บ คำขอ HTTP สไปรต์ชีตหนึ่งครั้งดีกว่าคำขอไอคอน 30 ครั้ง; HTTP/2 สมัยใหม่ลดช่องว่างลง แต่สไปรต์ชีตยังคงมีขนาดเล็กกว่าโดยรวมหลังการบีบอัด
อัลกอริทึมการจัดวาง
- MaxRects (ค่าเริ่มต้น): การจัดวางแบบถังขยะที่มีประสิทธิภาพ ลดพื้นที่ว่างให้เหลือน้อยที่สุด
- Skyline: เร็วกว่าแต่มีประสิทธิภาพน้อยกว่าเล็กน้อย เหมาะกับแอตลาสแบบไดนามิก
- Grid: เซลล์ที่เท่ากัน มีประโยชน์เมื่อสไปรต์ทั้งหมดมีขนาดเท่ากัน
รูปแบบผลลัพธ์
- PNG atlas: เท็กซ์เจอร์ที่รวมกันแล้ว (บีบอัดเพิ่มเติม หากจำเป็น)
- JSON manifest: พิกัด ขนาด และจุดยึดของแต่ละสไปรต์
- Unity .meta: เมตาดาต้าที่นำเข้า Unity ได้
- CSS sprite class: CSS สำหรับสไปรต์เว็บที่พร้อมวาง
- Phaser / PixiJS / TexturePacker JSON: สำหรับเฟรมเวิร์กเกมยอดนิยม
การตั้งค่า
- ขนาดแอตลาสสูงสุด: 2048, 4096, 8192 ยิ่งใหญ่ = แอตลาสน้อยลงสำหรับสไปรต์จำนวนมาก
- ระยะห่าง: ช่องว่าง 1–8 px ระหว่างสไปรต์เพื่อป้องกันการรั่วไหลของเท็กซ์เจอร์
- Power-of-2: เปิดสำหรับ GPU มือถือรุ่นเก่า ปิดในกรณีอื่น
- Trim: ตัด พิกเซลโปร่งใส ต่อสไปรต์เพื่อประหยัดพื้นที่
คำถามที่พบบ่อย
รองรับรูปแบบอินพุตอะไรบ้าง?
PNG (รองรับความโปร่งใส), JPG (ไม่รองรับความโปร่งใส), WebP โดยแต่ละสไปรต์เป็นไฟล์แยกกัน
ขนาด atlas สูงสุดคือเท่าไหร่?
8192×8192. atlas ที่ใหญ่กว่านี้จะสิ้นเปลืองหน่วยความจำ GPU; atlas ที่เล็กกว่าจะหมายถึงต้องใช้หลายแผ่น
ฉันสามารถใช้การจัดเรียงแบบหมุนได้หรือไม่?
พรีเมียม: ได้ — สไปรต์จะหมุน 90° หากช่วยเพิ่มความหนาแน่นในการจัดเรียง
แล้วสไปรท์แบบเคลื่อนไหวล่ะ?
แต่ละเฟรมเป็นไฟล์อินพุตแยกกัน; JSON จะจัดกลุ่มตามคำนำหน้าชื่อโดยอัตโนมัติ
'power-of-2' คืออะไร?
GPU มือถือรุ่นเก่า (ก่อนปี 2015) ต้องการให้ขนาดเท็กซ์เจอร์เป็นเลขยกกำลัง 2 (256, 512, 1024 ฯลฯ) ส่วน GPU สมัยใหม่ไม่สนใจข้อจำกัดนี้
ขนาดไฟล์สูงสุดสำหรับอินพุต?
25 MB ต่อสไปรต์, รวม 200 MB ต่อชุด
ฉันสามารถอัปเดต atlas ที่มีอยู่ได้หรือไม่?
พรีเมียม: แพ็กใหม่โดยคงพิกัดเดิมไว้เท่าที่เป็นไปได้
Are uploads private?
ใช่ — จะถูกลบภายใน 24 ชั่วโมง
เกี่ยวกับ Sprite Sheet Packer
Sprite Sheet Packer เป็นเครื่องมือออนไลน์ฟรีจาก Wallpapers.com ที่ทำงานในเบราว์เซอร์ของคุณเท่านั้น — ไม่ต้องติดตั้ง ไม่มีลายน้ำ ไม่ต้องลงทะเบียนอีเมลสำหรับการลองครั้งแรก
รวมหลายภาพเป็น PNG สไปรต์ชีตเดียว (รูปแบบเกมดีเวลอป)
วิธีใช้ Sprite Sheet Packer
- วางรูปภาพของคุณในพื้นที่อัปโหลด (เดี่ยวหรือหลายไฟล์ — เปิด Bulk ที่ด้านบน)
- เลือกการตั้งค่าที่เครื่องมือแสดง (ขนาด, รูปแบบ, คุณภาพ)
- คลิก Run ผลลัพธ์จะดาวน์โหลดอัตโนมัติ — ไม่ต้องบันทึกเอง
เมื่อใดควรใช้
กรณีการใช้งานทั่วไปได้แก่:
เตรียมรูปภาพสำหรับอัปโหลดเว็บ, รายการสินค้าอีคอมเมิร์ซ, แพลตฟอร์มโซเชียลมีเดียที่มีข้อจำกัดรูปแบบ, และแปลงไฟล์จากอุปกรณ์หรือแอปหนึ่งไปยังอีกอุปกรณ์หนึ่ง
ฟรี vs พรีเมียม
ผู้เยี่ยมชมทุกคนได้รับทดลองใช้ฟรี; ผู้ใช้ที่ลงชื่อเข้าใช้ฟรีได้รับโควต้ารายวันสูงกว่า สมัครสมาชิก
พรีเมียม
เพื่อการใช้งานไม่จำกัด, ประมวลผลเป็นกลุ่มสูงสุด 200 รูปต่องาน, คิวลำดับความสำคัญ, และการเรียกดูไม่มีโฆษณา
เครื่องมือที่เกี่ยวข้อง
กำลังมองหาสิ่งที่แตกต่างเล็กน้อย? ลอง
เครื่องมือสร้าง Favicon
,
แปลงรูปภาพเป็นหน้าระบายสี
หรือ
เครื่องสร้าง QR Code พร้อมโลโก้
— หรือเรียกดูทั้งหมด
เฉพาะทาง เครื่องมือ.
