สร้าง CSS Sprite
คลิกเพื่ออัปโหลดภาพ
รูปแบบการรองรับ: {format}
050
อัปโหลดรูปภาพเพื่อดูตัวอย่าง sprite
คลิกเพื่ออัปโหลดภาพ
รูปแบบการรองรับ: {format}
อัปโหลดรูปภาพเพื่อดูตัวอย่าง sprite
CSS Sprites เป็นเทคนิคที่รวมไอคอนหรือปุ่มเล็กๆ หลายอันเป็นภาพใหญ่ภาพเดียว ช่วยลดจำนวน HTTP request ไปยังเซิร์ฟเวอร์ ลดภาระเซิร์ฟเวอร์และเร่งเวลาโหลดหน้าเว็บ เป็นเทคนิคสำคัญสำหรับการเพิ่มประสิทธิภาพเว็บ
ลากและวางไฟล์ไอคอน (PNG, JPG ฯลฯ) เข้ามา เครื่องมือจะรวมให้อัตโนมัติ ลากปรับลำดับไอคอน เลือกเลย์เอาต์แนวนอน แนวตั้ง หรือกริด ดูตัวอย่างผลลัพธ์แบบเรียลไทม์ ระบบจะสร้างโค้ด CSS พร้อม background-position ที่แม่นยำ คัดลอกวางในโปรเจกต์ได้ทันที
ได้ครับ ตั้งค่าระยะห่างแนวนอนและแนวตั้งระหว่างไอคอนได้อย่างอิสระ ป้องกันการทับซ้อนของขอบหรือปัญหาแสดงผลใน CSS positioning รับประกันการแสดงผล UI ที่สมบูรณ์แบบ
รองรับ 3 เลย์เอาต์: แนวนอน แนวตั้ง และกริด (เมทริกซ์) เลือกการจัดเรียงที่เหมาะกับโปรเจกต์ ใช้พื้นที่ภาพได้อย่างมีประสิทธิภาพ เหมาะสำหรับการรวมไอคอนเว็บไซต์ ไลบรารีคอมโพเนนต์ UI และงานที่คล้ายกัน
รองรับการอัปโหลดไอคอน PNG หรือ JPG HD เป็นชุด การประมวลผลไม่ลดคุณภาพ ทำงานในเบราว์เซอร์ sprite sheet ที่สร้างจะรักษาความคมชัดและรายละเอียดของภาพต้นฉบับไว้ทั้งหมด รับประกันการแสดงผลที่สมบูรณ์แบบบนหน้าจอทุกความละเอียด