ตัวบีบอัด CSS

วิธีใช้ ตัวบีบอัด CSS

บีบอัด CSS โดยตัดช่องว่าง คอมเมนต์ และอักขระที่ไม่จำเป็นออก การย่อขนาดทำงานแบบโลคัลในเบราว์เซอร์ของคุณ โค้ดจึงไม่เคยออกจากเครื่องของคุณ

1. วางสไตล์ชีตลงในตัวแก้ไข ตั้งแต่ชิ้นส่วนสั้น ๆ อย่าง body { color: red; } จนถึงไฟล์เต็ม
2. หากต้องเก็บข้อความด้านกฎหมายและลิขสิทธิ์ ให้เปิด Keep license comments (/*! ... */)
3. เทียบขนาดของผลลัพธ์หลังบีบอัดกับไฟล์ต้นฉบับเพื่อดูว่าประหยัดได้เท่าไร
4. คัดลอก CSS ที่บีบอัดแล้วไปใช้งานแทนเวอร์ชันที่อ่านได้

เวลาบีบอัด CSS ของบุคคลที่สาม ควรเปิดคอมเมนต์ลิขสิทธิ์ไว้ — การลบบล็อก /*! ... */ อาจละเมิดเงื่อนไขการอนุญาตของไลบรารีนั้น