CSS ब्यूटिफ़ायर और मिनिफ़ायर

ब्यूटिफ़ाई स्टाइल को फिर से इंडेंट करके और स्पेस देकर पढ़ने-सुधारने लायक बनाता है। मिनिफ़ाई इसका उल्टा है — यह वह whitespace और कमेंट हटाता है जो ब्राउज़र को नहीं चाहिए, और रंग जैसी वैल्यू छोटी कर देता है, जिससे फ़ाइल छोटी और तेज़ लोड होती है। काम करते समय ब्यूटिफ़ाई करें, भेजने से पहले मिनिफ़ाई करें।

Safe सिर्फ़ whitespace और कमेंट हटाता है और वैल्यू छोटी करता है — हर नियम वहीं रहता है जहाँ आपने लिखा था। Optimized इससे आगे जाकर एक जैसे selector और नियम मिला देता है ताकि फ़ाइल और छोटी हो — यह नियमों का क्रम बदल सकता है, इसलिए अगर आपकी स्टाइलशीट क्रम पर निर्भर है तो भेजने से पहले एक बार जाँच लें। /*! … */ वाले कमेंट दोनों मोड में रहते हैं।

Safe मोड में नहीं — आपकी स्टाइल बिलकुल वैसी ही दिखती है। यह सिर्फ़ whitespace हटाता है, आम कमेंट मिटाता है और वैल्यू को छोटे बराबर रूप में लिखता है (जैसे #ffffff को #fff), और आपके vendor prefix या नए syntax को कभी नहीं बदलता। Optimized मोड नियम भी मिला देता है, जो लगभग हर स्टाइलशीट में एक जैसा दिखता है, पर अगर आपकी स्टाइल नियम-क्रम पर निर्भर है तो जाँच लेना ठीक रहेगा।