วิธีใช้งาน
- วาง CSS ของคุณ
- เลือกว่าจะรวมและปรับโครงสร้างกฎ และเก็บคอมเมนต์ลิขสิทธิ์หรือไม่
- คลิกปุ่มย่อขนาด หรือกด Ctrl+Enter (⌘+Enter บน Mac)
- คัดลอกหรือดาวน์โหลด CSS ที่ย่อขนาดแล้ว
คำอธิบายตัวเลือก
- รวมและปรับโครงสร้างกฎ
- รวมกฎที่มี selector เดียวกันหรือมี declaration เหมือนกันเมื่อทำได้อย่างปลอดภัย ปิดตัวเลือกนี้หากต้องการเพียงลบช่องว่างและย่อค่า
- เก็บคอมเมนต์ลิขสิทธิ์
- เก็บคอมเมนต์ที่ขึ้นต้นด้วย /*! ซึ่งเป็นรูปแบบที่ใช้ทั่วไปสำหรับประกาศลิขสิทธิ์
ตัวอย่าง
a { color: #ff0000; }
/* note */
a { margin: 0px; }จะถูกย่อเป็น a{color:red;margin:0}
คำถามที่พบบ่อย
มีอะไรบ้างที่ถูกย่อให้สั้นลง?
สี (#ff0000 → red, #ffffff → #fff), หน่วยของศูนย์ (0px → 0), อัฒภาคและเครื่องหมายคำพูดที่ไม่จำเป็น รวมถึงช่องว่าง เมื่อเปิดการปรับโครงสร้าง กฎที่ซ้ำกันจะถูกรวมกัน
การปรับโครงสร้างอาจเปลี่ยนลักษณะหน้าเว็บของฉันหรือไม่?
CSSO จะย้าย declaration เฉพาะเมื่อผลลัพธ์จาก cascade ยังคงเหมือนเดิม หากคุณใช้เทคนิคแฮ็กที่ไม่ปกติ ให้เปรียบเทียบผลลัพธ์หรือปิดการปรับโครงสร้าง
โค้ดของฉันถูกอัปโหลดหรือไม่?
ไม่ การย่อขนาดทำงานในเบราว์เซอร์ของคุณ
ความเป็นส่วนตัว
เครื่องมือนี้ทำงานในเบราว์เซอร์ของคุณทั้งหมด ไฟล์และข้อความของคุณได้รับการประมวลผลบนอุปกรณ์ของคุณ และจะไม่ถูกอัปโหลดไปยังเซิร์ฟเวอร์ของเรา