ضغط CSS
ضع ورقة أنماط في المحرر لتحصل على نسخة مضغوطة بلا تعليقات كتلية وبمسافات متتالية مختزلة إلى مسافة واحدة. مفيد لفحص سريع للحجم أو عندما تحتاج مقطعاً مضغوطاً دون بناء كامل.
محدّث 2026-08-03 · developer
body { color: red; }
حول هذه الأداة
يقلّل الضغط حجم النقل بحذف التعليقات والمسافات غير الضرورية. هذه الأداة تمريرة خفيفة في المتصفح—وليست محلّل CSS كاملاً—فلا تعيد كتابة المحددات ولا تختصر قيم الألوان. احتفظ بمصدر منسّق؛ اعتبر الناتج نسخة مضغوطة للتسليم أو المقارنة.
طريقة الاستخدام
- افتح ضغط CSS: افتح هذه الصفحة في المتصفح.
- الصق CSS: ضع ورقة الأنماط أو المقطع في مربع Code.
- انسخ النتيجة: خذ الناتج المضغوط من منطقة النتيجة.
- تحقق في السياق: الصقه في صفحتك أو أداة البناء وتأكد أن الأنماط ما زالت تُطبَّق.
حالات الاستخدام
- اضغط مقطعاً صغيراً من CSS قبل لصقه في حقل CMS.
- قارن تقريباً كم تكلف المسافات في ورقة الأنماط.
- جهّز CSS حرجاً مضمّناً لعرض سريع.
- نظّف أنماط المسودة المعلّقة قبل مشاركة gist.
نصائح
- السلاسل أو urls التي تحتوي /* */ نادرة لكنها قد تكسر إزالة تعليقات ساذجة—راجع الناتج لـ CSS الحرج.
- احتفظ بالملف المنسّق الأصلي؛ يصعب تعديل CSS المضغوط لاحقاً.
الأسئلة الشائعة
هل يعيد تسمية الفئات أو يدمج القواعد؟
لا. يزيل التعليقات ويطوي المسافات فقط.
هل تُحفظ @media والقواعد المتداخلة؟
تبقى البنية كنص؛ يتغير التعليق والمسافات الزائدة فقط.
هل يُرفع CSS الخاص بي؟
المعالجة تعمل محلياً في المتصفح.
لماذا قد يبدو الناتج خاطئاً؟
حالات حدّية لتعليقات داخل السلاسل قد تربك مزيلاً بسيطاً—راجع الأوراق المهمة.