CSS Minifier

เกี่ยวกับเครื่องมือนี้

การบีบอัด CSS จะลบช่องว่าง ความคิดเห็น และอักขระที่ซ้ำซ้อนทั้งหมดออกจากสไตล์ชีต โดยยังคงฟังก์ชันการทำงานเต็มรูปแบบ เบราว์เซอร์ตีความ CSS ที่บีบอัดแล้วเหมือนกันกับต้นฉบับ

สำหรับสไตล์ชีตขนาดใหญ่ การบีบอัดมักลดขนาดได้ 20–50% เมื่อรวมกับการบีบอัด gzip บนเซิร์ฟเวอร์ ผลการประหยัดจะมากยิ่งขึ้น

วิธีใช้งาน

1. วาง CSS ของคุณในแผง Input ทางซ้าย
2. คลิก Minify เพื่อบีบอัด CSS
3. ตัวบ่งชี้การประหยัดแสดงจำนวนอักขระที่ถูกลบ

กรณีการใช้งาน

นักพัฒนา front-end ลดขนาด CSS bundle ก่อนนำไปใช้งานจริง มีประโยชน์สำหรับการบีบอัดสไตล์ชีตของบุคคลที่สามด้วยตนเอง

คำถามที่พบบ่อย

• การบีบอัดจะเปลี่ยนพฤติกรรมของ CSS ฉันหรือไม่? — ไม่ การบีบอัดจะลบเฉพาะช่องว่าง ความคิดเห็น และเซมิโคลอนที่ซ้ำซ้อน ไม่มีการแก้ไข selector ชื่อ property หรือค่า
• ความคิดเห็น CSS จะถูกลบหรือไม่? — ใช่ ความคิดเห็นทั้งหมด (/* ... */) จะถูกลบระหว่างการบีบอัดเพื่อลดขนาดไฟล์
• CSS ของฉันจะถูกส่งไปยังเซิร์ฟเวอร์หรือไม่? — ไม่ การประมวลผลทั้งหมดเกิดขึ้นในเบราว์เซอร์ของคุณ CSS ของคุณจะไม่ออกจากอุปกรณ์