เครื่องมือจัดรูปแบบและย่อ CSS

ทำให้ CSS อ่านง่ายอีกครั้ง หรือบีบให้เล็กลงเพื่อเว็บไซต์ที่เร็วขึ้น

CSS เปิดไฟล์

วาง CSS เปิดไฟล์ .css หรือลากไฟล์มาวางที่นี่

ผลลัพธ์

วิธีใช้งาน จัดรูปแบบและย่อ CSS

วาง CSS ของคุณ
วางสไตล์ชีต หรือเปิดหรือลากไฟล์ .css มาวาง ระบบจะจัดรูปแบบทันทีที่คุณพิมพ์
จัดให้สวยหรือย่อ
จัดให้สวยจะแยกแต่ละกฎและพร็อพเพอร์ตีไว้คนละบรรทัด ส่วนย่อจะลบคอมเมนต์ ช่องว่าง และทุกอย่างที่เบราว์เซอร์ไม่ต้องใช้
คัดลอกหรือดาวน์โหลด
คัดลอกผลลัพธ์ หรือดาวน์โหลดเป็นไฟล์ .css เมื่อย่อ คุณจะเห็นขนาดก่อนและหลัง

ฉลาดกว่าแค่ลบช่องว่าง
ตัวย่อยังทำให้รหัสสีสั้นลง เช่น #ff0000 เป็น red ตัดหน่วยออกจากศูนย์ และลบกฎที่ว่างเปล่า
กฎของคุณคงลำดับเดิม
กฎจะไม่ถูกรวมหรือย้าย คาสเคดจึงทำงานเหมือนเดิมทุกประการ และไม่มีอะไรมาทับกันโดยไม่ตั้งใจ
เก็บคอมเมนต์ไลเซนส์ไว้
คอมเมนต์ที่ขึ้นต้นด้วย /*! จะยังอยู่ในไฟล์ที่ย่อแล้ว ตามที่ไลเซนส์โอเพนซอร์สจำนวนมากกำหนด
เป็นส่วนตัวตั้งแต่การออกแบบ
CSS ของคุณถูกจัดรูปแบบในเบราว์เซอร์และไม่ถูกอัปโหลด

โดยทั่วไป 15–30% และมากกว่านั้นถ้าสไตล์ชีตมีคอมเมนต์เยอะ สรุปผลจะแสดงขนาดก่อนและหลังที่แน่นอน รวมถึงเปอร์เซ็นต์ที่ลดได้

ออกแบบมาไม่ให้เป็นเช่นนั้น ค่าจะถูกเขียนใหม่เฉพาะในรูปแบบที่มีความหมายเหมือนเดิม และกฎยังคงลำดับเดิม กฎไหนชนะจึงไม่เปลี่ยน

วาง CSS ที่ถูกย่อแล้วเลือก จัดให้สวย ทุกกฎและพร็อพเพอร์ตีจะอยู่คนละบรรทัดพร้อมการเยื้องที่คุณเลือก คอมเมนต์ที่ถูกลบไปแล้วไม่สามารถกู้คืนได้

จัดให้สวยรองรับ SCSS และ Less ส่วนใหญ่ รวมถึงการซ้อน ส่วนการย่อต้องใช้ CSS ธรรมดา ให้คอมไพล์ SCSS หรือ Less ก่อน