Utils365

منسّق CSS وضاغطه

اجعل CSS مقروءاً من جديد، أو قلّصه لموقع أسرع.

الصق CSS، أو افتح ملف ‎.css، أو أفلته هنا

التالي: منسّق HTML · منسّق JavaScript

الإبلاغ عن مشكلة في هذه الأداة

كيفية استخدام منسّق CSS

  1. الصق CSS

    الصق ملف أنماط، أو افتح ملف .css أو أفلته. يُنسَّق أثناء الكتابة.

  2. جمّل أو اضغط

    يضع التجميل كل قاعدة وخاصية في سطر مستقل. ويزيل الضغط التعليقات والمسافات وكل ما لا تحتاجه المتصفحات.

  3. انسخ أو حمّل

    انسخ النتيجة أو حمّلها كملف .css. عند الضغط سترى الحجم قبل وبعد.

لماذا تستخدم Utils365

  • أذكى من حذف المسافات

    يختصر الضاغط أيضاً الألوان مثل #ff0000 إلى red، ويحذف الوحدات من الأصفار، ويزيل القواعد الفارغة.

  • قواعدك تبقى بترتيبها

    لا تُدمج القواعد ولا تُنقل أبداً، فيعمل التسلسل تماماً كما كان ولا يتجاوز شيء قاعدة أحدث.

  • تعليقات الترخيص محفوظة

    التعليقات التي تبدأ بـ /*! تبقى في الملف المضغوط، كما تتطلب كثير من تراخيص المصدر المفتوح.

  • خصوصية تامة

    يُنسَّق CSS في متصفحك ولا يُرفع أبداً.

الأسئلة الشائعة

كم يصغر حجم CSS بعد الضغط؟

عادةً بنسبة 15–30%، وأكثر إذا كان ملف الأنماط يحتوي على تعليقات كثيرة. يعرض الملخص الحجم الدقيق قبل وبعد ونسبة التوفير.

هل يمكن أن يفسد الضغط أنماطي؟

صُمّم ألا يفعل ذلك. لا تُعاد كتابة القيم إلا بطرق تحمل المعنى نفسه، وتحتفظ القواعد بترتيبها، فلا يتغير أي قاعدة تفوز.

كيف أفك ضغط CSS؟

الصق CSS المضغوط واختر تجميل. توضع كل قاعدة وخاصية في سطر مستقل بالمسافة البادئة التي تختارها. لا يمكن استعادة التعليقات المحذوفة.

هل يعمل مع SCSS أو Less؟

يتعامل التجميل مع معظم SCSS وLess، بما في ذلك التداخل. أما الضغط فيتوقع CSS عادياً، لذا حوّل SCSS أو Less إلى CSS أولاً.