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

การจัดรูปแบบให้สวยงาม (Beautify) จะจัดย่อหน้าใหม่และเพิ่มช่องว่างให้กับสไตล์ของคุณเพื่อให้ง่ายต่อการอ่านและแก้ไข ส่วนการย่อขนาด (Minify) จะทำตรงกันข้าม โดยจะลบช่องว่างและคอมเมนต์ที่เบราว์เซอร์ไม่จำเป็นต้องใช้ออก รวมถึงย่อค่าต่างๆ เช่น รหัสสี เพื่อให้ไฟล์มีขนาดเล็กลงและโหลดได้เร็วขึ้น แนะนำให้จัดรูปแบบสวยงามระหว่างทำงาน และย่อขนาดก่อนนำไปใช้งานจริง

โหมดปลอดภัย (Safe) จะลบเฉพาะช่องว่างและคอมเมนต์ พร้อมทั้งย่อค่าต่างๆ ให้สั้นลง โดยจะคงกฎทุกข้อไว้ที่เดิมทุกประการ ส่วนโหมดเพิ่มประสิทธิภาพ (Optimized) จะทำงานขั้นสูงขึ้นโดยการรวมตัวเลือก (Selectors) และกฎที่ซ้ำกันเพื่อให้ไฟล์มีขนาดเล็กลง ซึ่งอาจมีการจัดเรียงลำดับกฎใหม่ ดังนั้นสำหรับสไตล์ชีตที่ต้องพึ่งพาลำดับก่อนหลัง ควรตรวจสอบความถูกต้องอย่างรวดเร็วก่อนนำไปใช้งานจริง ทั้งนี้ คอมเมนต์ที่ขึ้นต้นด้วย /*! … */ จะถูกเก็บไว้ในทั้งสองโหมด

ในโหมด Safe จะไม่มีผลกระทบใดๆ สไตล์ของคุณจะแสดงผลเหมือนเดิมทุกประการ ตัวแปลงจะยุบช่องว่าง ลบคอมเมนต์ทั่วไป และแปลงค่าต่างๆ ให้อยู่ในรูปแบบที่สั้นลงแต่เทียบเท่ากัน (เช่น แปลง #ffffff เป็น #fff) โดยจะไม่มีการเปลี่ยน Vendor Prefixes หรือไวยากรณ์สมัยใหม่ของคุณ ส่วนโหมด Optimized จะมีการรวมกฎต่างๆ เข้าด้วยกัน ซึ่งส่วนใหญ่จะแสดงผลเหมือนเดิม แต่อาจต้องตรวจสอบความถูกต้องหากสไตล์ชีตของคุณขึ้นอยู่กับลำดับของกฎ