CSS को कंप्रेस करें

CSS कोड को कम्प्रेस करने के लिए यह एक पूरी तरह से मुफ़्त ऑनलाइन टूल है

CSS कोड को कम करें, यह कोड से अतिरिक्त रिक्त स्थान और लाइन ब्रेक को हटाता है जो हमारी कोड फ़ाइल के आकार को कम करता है और हमारी वेबसाइट की लोडिंग गति को बढ़ाता है।
यह CSS फ़ाइल से उन सभी अनावश्यक टिप्पणियों (दोनों सिंगल और डबल लाइन टिप्पणियों) को भी हटा देता है जिनकी ब्राउज़र द्वारा आवश्यकता नहीं है।
यह टूल हमारे CSS कोड को आसानी से ऑप्टिमाइज़ करने में मदद करता है।

CSS फ़ाइल को कंप्रेस कैसे करें?

सीएसएस फाइलों को ऑनलाइन कंप्रेस करने के लिए चरणों का पालन करें:

Step #1: CSS कोड कॉपी करें

अपना टेक्स्ट एडिटर (वीएस कोड, एटम, नोटपैड इत्यादि) खोलें और सीएसएस स्टाइलशीट ढूंढें जिसे आप कंप्रेस या छोटा करना चाहते हैं।
यदि आप सभी का चयन करना चाहते हैं तो Ctrl+A (या Cmd+A) दबाकर स्टाइलशीट का चयन करें या यदि आप कोड के केवल हिस्से को संपीड़ित करना चाहते हैं तो मैन्युअल रूप से चयन करें।

Ctrl+C (यदि आप Windows कंप्यूटर का उपयोग कर रहे हैं) या Cmd+C (यदि आप Mac पर हैं) का उपयोग करके कोड कॉपी करें।

Step #2: CSS कोड को कंप्रेस करें

कॉपी किए गए CSS कोड को "Input CSS" टेक्स्टारिया के अंदर पेस्ट करें।
और कंप्रेस बटन पर क्लिक करें।
कोड स्वचालित रूप से कम हो जाता है और स्क्रीन "संपीड़ित सीएसएस" अनुभाग तक नीचे स्क्रॉल करती है।

कोड द्वारा सभी अतिरिक्त रिक्त स्थान, लाइन ब्रेक और टिप्पणियां हटा दी जाएंगी।

इस CSS कंप्रेसर की कोई सीमा नहीं है इसलिए आप अपनी CSS फ़ाइलों को जितनी बार चाहें अनुकूलित कर सकते हैं।

Step #3: कंप्रेस्ड CSS को कॉपी करें

एक बार कोड कंप्रेस हो जाने के बाद, स्क्रीन अपने आप कंप्रेस्ड सेक्शन तक स्क्रॉल हो जाती है। सभी कंप्रेस्ड कोड को कॉपी करने के लिए कॉपी बटन पर क्लिक करें।
अब आप मिनिफाइड स्टाइलशीट कोड को वास्तविक कोडबेस के अंदर पेस्ट कर सकते हैं।

CSS क्या है?

CSS एक स्टाइलशीट भाषा है जिसका उपयोग पृष्ठ के मार्कअप को स्टाइल करने के लिए HTML के साथ किया जाता है।

CSS का अर्थ Cascading Style Sheet है।

इस भाषा का उपयोग यह बताने के लिए किया जाता है कि वेबपेज के तत्व कैसे दिखने चाहिए। हम कलर, पैडिंग, मार्जिन, बैकग्राउंड आदि को सेट करने के लिए CSS का इस्तेमाल करते हैं और पेज का पूरा लुक और फील देते हैं। यह हमारे HTML तत्वों को अधिक स्टाइलिश और पेशेवर बनाता है। CSS इंटरनेट पर हर वेबसाइट के लिए जरूरी है। वेबसाइट पर एक पेशेवर शैली उपयोगकर्ता प्रतिधारण को बढ़ा सकती है और इस प्रकार Google को सकारात्मक संकेत भेज सकती है। CSS का उपयोग “style टैग” का उपयोग करके HTML के अंदर किया जा सकता है, लेकिन अधिकांश डेवलपर अक्सर अपनी वेबसाइटों को डिज़ाइन और स्टाइल करने के लिए बाहरी स्टाइलशीट का उपयोग करना पसंद करते हैं। एक्सटर्नल स्टाइल शीट्स के अंत में एक .css एक्सटेंशन होता है।

CSS Compression क्या है?

CSS compression वह तकनीक है जिसके द्वारा हम अपनी CSS फाइलों से सभी अतिरिक्त रिक्त स्थान, लाइन ब्रेक और टिप्पणियों को हटाते हैं।

ब्राउजर इन 3 चीजों को रेंडर नहीं करते - लाइन ब्रेक, अतिरिक्त स्पेस और हमारी वेबसाइट की टिप्पणियां।

इसलिए, यदि हम अभी भी उन चीजों को अपनी स्टाइलशीट के अंदर रख रहे हैं, तो इससे फ़ाइल का आकार बड़ा हो जाएगा जो एक कारक हो सकता है जो हमारे पृष्ठ की गति को प्रभावित करता है और इस प्रकार SEO रैंकिंग में सुधार करता है।

इसलिए, यदि आप अपनी CSS स्टाइलशीट को ऑनलाइन छोटा करना, अनुकूलित करना चाहते हैं, तो आप हमारे मुफ़्त CSS minfier टूल का उपयोग कर सकते हैं।

क्या minified CSS तेज है?

हां, minified CSS तेज है क्योंकि उनमें कोड की कोई अनावश्यक पंक्तियां नहीं हैं जो ब्राउज़र द्वारा प्रस्तुत नहीं की जाती हैं। ब्राउज़र उन सीएसएस फाइलों की तुलना में तेजी से सीएसएस को संसाधित करता है जिन्हें छोटा नहीं किया गया है (उनके पास वे सभी सामान हैं जो ब्राउज़र द्वारा प्रदान नहीं किए गए हैं और इस प्रकार एक बड़े फ़ाइल आकार हैं)।

लोग कोड को compress (minify) क्यों करते हैं?

कोड को minify करने के बहुत फायदे है और उनमें से कुछ का वर्णन नीचे किया गया है:

फ़ाइल का आकार कम करें

हमारे स्टाइलशीट से अनावश्यक वर्णों को हटाने से हमारे फ़ाइल आकार में नाटकीय रूप से कमी आ सकती है।

मिनिफाइंग हमारे सीएसएस स्रोत कोड से लाइन ब्रेक, एकाधिक रिक्त स्थान और टिप्पणियों को हटाने में मदद करता है।

Page Speed को बढ़ाता है

एक छोटे फ़ाइल आकार का अर्थ है ब्राउज़र के लिए सभी सूचनाओं को संसाधित करने के लिए कम समय और इस प्रकार हमारी वेबसाइट की पृष्ठ गति में वृद्धि।

पृष्ठ की गति बढ़ने से हमारी सामग्री उपयोगकर्ताओं के लिए तेज़ी से लोड हो सकती है और उन्हें तेज़ी से सेवा मिल सकती है।

Google रैंकिंग में सुधार करता है

तेज़ पृष्ठ गति का उच्च Google रैंकिंग के साथ सीधा सह-संबंध होता है और ऐसा करने में हमारी सहायता को छोटा करना।

क्या कोड को minify करना SEO को प्रभावित करता है?

हां, कोड को minify करना SEO को प्रभावित करता है लेकिन सकारात्मक तरीके से। यह हमें google में अच्छी रैंक दिलाने में मदद कर सकता है।

मिनिफाइंग हमारी वेबसाइट की पेज स्पीड बढ़ाने में मदद करता है और इस प्रकार उपयोगकर्ता के लिए कोई प्रतीक्षा समय नहीं होता है जिससे हमारे पेज की बाउंस दर कम हो जाएगी और हमारे पेज उपयोगकर्ताओं को तेजी से मिलेंगे।

बढ़ी हुई पेजस्पीड सीधे बेहतर Google रैंकिंग से संबंधित है।

धीमी पृष्ठ गति हमारी रैंकिंग को नीचे कर सकती है चाहे हमारी वेबसाइट कितनी भी अच्छी या उपयोगी क्यों न हो।

आपको कैसे पता चलेगा कि CSS को minify (compress) किया गया है?

CSS minify है या नहीं, यह पता लगाना बहुत आसान है। हमें केवल स्टाइलशीट के सोर्स कोड को देखने की जरूरत है।

यदि CSS स्टाइलशीट में कोई अतिरिक्त स्थान, पंक्ति विराम और टिप्पणियाँ नहीं हैं, तो CSS को छोटा कर दिया गया है।