เครื่องมือสร้าง Image Sprites
สร้าง CSS sprites จากรูปภาพหลายๆ รูปเพื่อลด HTTP requests สร้าง sprite sheets ที่เหมาะสมกับโค้ด CSS เพื่อปรับปรุงประสิทธิภาพเว็บไซต์
Loading tool...
เครื่องมือสร้าง Image Sprites คืออะไร?
Image Sprites Generator รวมรูปเล็กๆ (ไอคอน) หลายรูปเข้าเป็นรูปใหญ่รูปเดียว และสร้าง CSS เพื่อแสดงผลแต่ละรูป
ประโยชน์หลัก
- ลด HTTP requests
- โหลดเร็วขึ้น
- จัดระเบียบไฟล์
- สร้าง CSS อัตโนมัติ
กรณีการใช้งาน
- •ปรับแต่งเว็บ
- •ชุดไอคอน
- •Asset เกม
- •เพิ่มคะแนน PageSpeed
วิธีสร้าง CSS Sprites
- อัปโหลด: อัปโหลดไฟล์ไอคอน
- ตั้งค่า: ปรับระยะห่างและการจัดวาง
- ดาวน์โหลด: ดาวน์โหลดรูป sprite และโค้ด CSS
คุณสมบัติหลัก
- รวมรูปเป็น sprite sheet
- สร้าง CSS sprite code
- จัดตำแหน่งอัตโนมัติ
- ตัวเลือก padding และ layout
- รองรับ Retina
- ดาวน์โหลด sprite และ CSS