مصغّر CSS
صغّر CSS بـ CSSO: يزيل المسافات والتعليقات ويختصر الألوان والقيم ويدمج القواعد بأمان. يعرض البايتات الموفَّرة. مجاني ويعمل داخل متصفحك.
يعمل بالكامل في متصفحك. لا يتم رفع بياناتك أبدًا.
أدوات ذات صلة
عرض الكلما هو مصغّر CSS؟
يضغط مصغّر CSS أوراق الأنماط بـ CSSO، وهو محسّن بنيوي. فإلى جانب إزالة المسافات والتعليقات يختصر القيم (#ff0000 ← red، 0px ← 0) ويدمج القواعد المكررة ويحذف التصريحات الزائدة حيث لا يغيّر ذلك النتيجة.
كيفية استخدام مصغّر CSS
- الصق CSS في مربع الإدخال.
- اضغط تصغير (يتحدّث الناتج أيضًا أثناء الكتابة).
- راجع سطر الحجم لمعرفة المقدار الموفَّر.
- انسخ CSS المصغّر أو نزّله.
مثال
a { color: #ff0000; margin: 0px 0px; } /* c */ a{color:red;margin:0} متى تستخدم مصغّر CSS
استخدمه لبناء المواقع الصغيرة للإنتاج وكتل <style> المضمّنة أو CSS المخزّن في نظام إدارة محتوى. وإذا كان بناؤك يستخدم مجمّعًا مع cssnano/lightningcss فاستمر عليه. احتفظ بتعليقات الترخيص يدويًا إن كان ترخيصك يشترط ذلك.
كيف يعمل مصغّر CSS
يفحص مسح سريع أولًا الأقواس والنصوص والتعليقات ويبلّغ عن الكتل غير المتوازنة مع موضعها. ثم يُمرَّر CSS إلى csso.minify مع تفعيل إعادة الهيكلة: يحلّله CSSO إلى شجرة AST (css-tree) ويطبّق ضغطًا آمنًا للقيم ودمجًا للقواعد ويطبع النتيجة دون مسافات. وتُزال التعليقات، بما فيها تعليقات الترخيص /*! … */.
حالات الاستخدام الشائعة
- تصغير ورقة أنماط مستقلة لصفحة هبوط
- تقليص CSS الحرج قبل تضمينه
- ضغط CSS المخزّن في قاعدة بيانات أو CMS
- مقارنة الحجم المحسّن بالأصلي
ملاحظة أمنية
كل شيء يعمل محليًا داخل متصفحك؛ الكود الذي تلصقه لا يُرفع إلى أي خادم.
الأسئلة الشائعة
هل قد يكسر التصغير CSS الخاص بي؟
يطبّق CSSO تحويلات تُبقي نتيجة التتالي (cascade) كما هي فقط، لكن اختبر الناتج دائمًا.
لماذا أصبح #ff0000 إلى red؟
red أقصر ويعني اللون نفسه تمامًا.
هل تبقى تعليقات الترخيص؟
لا، تُزال كل التعليقات. أعد إضافة الترخيص يدويًا إذا لزم.