CSS ब्युटीफायर आणि मिनिफायर

Beautify (सुशोभित करणे) तुमच्या स्टाईल्सचे इंडेंटेशन आणि स्पेसिंग व्यवस्थित करते जेणेकरून त्या वाचणे आणि एडिट करणे सोपे जाते. Minify (लघुकरण) याच्या उलट करते — ते ब्राउझरला आवश्यक नसलेली स्पेस आणि कमेंट्स काढून टाकते आणि रंगांसारखी मूल्ये लहान करते, ज्यामुळे फाईलचा आकार लहान होतो आणि ती जलद लोड होते. काम करताना Beautify वापरा आणि अंतिम प्रकाशनापूर्वी Minify करा.

Safe (सुरक्षित) मोड केवळ निरुपयोगी स्पेस आणि कमेंट्स काढून टाकतो आणि मूल्ये लहान करतो, ज्यामुळे तुमचा प्रत्येक नियम जसा आहे तसाच राहतो. Optimized (अनुकूलित) मोड आणखी पुढे जाऊन लहान फाईलसाठी डुप्लिकेट सिलेक्टर्स आणि नियम एकत्र करतो — यामुळे नियमांचा क्रम बदलू शकतो, म्हणून सोर्स ऑर्डरवर अवलंबून असणाऱ्या स्टाईलशीट्ससाठी प्रकाशनापूर्वी एकदा तपासून घेणे योग्य ठरेल. /*! … */ अशा स्वरूपातील कमेंट्स दोन्ही मोडमध्ये जतन केल्या जातात.

Safe मोडमध्ये, नाही — तुमचे पेजेस अगदी पूर्वीसारखेच दिसतील. हा मोड केवळ नको असलेली स्पेस काढून टाकतो, सामान्य कमेंट्स वगळतो आणि मूल्ये लहान स्वरूपात लिहितो (उदा. #ffffff ऐवजी #fff), आणि तो तुमचे वेंडर प्रिफिक्स किंवा आधुनिक सिंटॅक्स कधीही बदलत नाही. Optimized मोड नियम एकत्र करतो, जे बहुतेक सर्व स्टाईलशीट्सवर सारखेच दिसते, पण जर तुमची रचना नियमांच्या क्रमावर अवलंबून असेल तर एकदा खात्री करून घेणे चांगले.