ย่อขนาด CSS (Minify)
วางสไตล์ชีตเพื่อรับ CSS ที่เล็กที่สุดซึ่งทำงานเหมือนเดิม พร้อมขนาดที่ลดได้แบบตรงตัว
ปิดผนึกไว้บนอุปกรณ์นี้
ทำงานในเบราว์เซอร์ของคุณ ไม่มีการอัปโหลดใด ๆ
ปิดผนึก
CSS ที่ย่อแล้ว
CSS ที่ย่อแล้วจะแสดงที่นี่ระหว่างที่คุณพิมพ์
วิธีใช้งาน
-
วาง CSS
วางสไตล์ชีตหรือเปิดไฟล์ .css การย่อจะเริ่มทันทีที่คุณพิมพ์
-
เลือกระดับการย่อ
การรวมกฎได้ไฟล์เล็กที่สุด ปิดตัวเลือกนี้หากลำดับกฎต้องคงไว้ตามที่เขียนทุกประการ
-
คัดลอกหรือดาวน์โหลด
ดูขนาดก่อนและหลัง รวมถึง gzip แล้วคัดลอกผลลัพธ์หรือดาวน์โหลดไฟล์ .min.css
คำถามที่พบบ่อย
CSS ของฉันถูกอัปโหลดหรือไม่
ไม่ การย่อทำงานในเบราว์เซอร์ของคุณด้วยเอนจินโอเพนซอร์ส CSSO สไตล์ชีตของคุณไม่เคยออกจากอุปกรณ์
การย่อลบอะไรออกบ้าง
ช่องว่าง การขึ้นบรรทัดใหม่ คอมเมนต์ เซมิโคลอนตัวสุดท้ายของแต่ละบล็อก และเลขศูนย์กับหน่วยที่ไม่จำเป็น รหัสสีถูกย่อให้สั้นลง เช่น #ff0000 กลายเป็น red และการประกาศที่ซ้ำกันจะถูกตัดออก
“รวมและจัดลำดับกฎใหม่” ทำอะไร
รวมกฎที่ใช้ตัวเลือกหรือการประกาศเดียวกัน และย้ายตำแหน่งเมื่อทำได้อย่างปลอดภัย ซึ่งมักลดขนาดได้มากที่สุด หากสไตล์ของคุณอาศัยลำดับ cascade ที่ไม่ปกติ ให้ปิดตัวเลือกนี้เพื่อคงโครงสร้างตามที่เขียน
ทำไมต้องเก็บคอมเมนต์ /*! ไว้
คอมเมนต์ที่ขึ้นต้นด้วย /*! มักมีข้อความสัญญาอนุญาตหรือลิขสิทธิ์ที่ต้องอยู่กับโค้ด คอมเมนต์อื่นทั้งหมดจะถูกลบ
ขนาด gzip คืออะไร
เว็บเซิร์ฟเวอร์มักบีบอัด CSS ก่อนส่ง ตัวเลข gzip ที่วัดในเบราว์เซอร์ของคุณแสดงจำนวนไบต์โดยประมาณที่ส่งผ่านเครือข่ายจริง