สร้างสไปรต์ชีท
อัปโหลดชุดไอคอนหรือเฟรมภาพเคลื่อนไหวเพื่อรวมเป็นไฟล์สไปรต์ชีท PNG เดียว พร้อมค่า CSS background-position ที่ใช้อ้างอิงแต่ละเฟรมได้ทันที ช่วยลดจำนวนการเรียกโหลดไฟล์ภาพแยกกันในหน้าเว็บ
รูปภาพของคุณจะถูกประมวลผลบนอุปกรณ์ของคุณเองผ่าน Canvas และจะไม่ถูกอัปโหลดไปยังเซิร์ฟเวอร์ของเราเลย
สไปรต์ชีต (Sprite Sheet) มักใช้ในงานพัฒนาเกมและอินเทอร์เฟซเว็บ โดยรูปภาพทั้งหมดจะถูกจัดวางในช่องขนาดเท่ากันโดยไม่มีระยะห่าง พร้อมโค้ด CSS ที่พร้อมใช้งานแสดงอยู่ใต้ผลลัพธ์
ลากรูปภาพหลายไฟล์มาวางที่นี่ หรือเลือกไฟล์
รองรับ JPG, PNG หรือ WebP มากกว่าหนึ่งรูป
คำถามที่พบบ่อย
ได้ เครื่องมือจะคำนวณค่า background-position ของแต่ละเฟรมให้โดยอัตโนมัติ พร้อมโค้ด CSS ที่นำไปใช้อ้างอิงแต่ละภาพในสไปรต์ชีทได้ทันที
ดำเนินการต่อด้วย
เครื่องมือที่เกี่ยวข้อง
อยากลองใช้ Uddatak ไหม?
เรียกดูคลังเครื่องมือทั้งหมดและเริ่มใช้งานสิ่งที่คุณต้องการได้ทันที — ฟรีและไม่ต้องสมัครสมาชิก
ดูเครื่องมือทั้งหมด