هل هناك مشكلة في هذه الأداة؟

عن «ضغط CSS عبر الإنترنت»

تصغّر هذه الأداة CSS بإزالة المسافات البيضاء غير الضرورية والتعليقات والنحو الزائد. الإخراج مماثل وظيفيًا للإدخال ولكنه أصغر بكثير — غالبًا تخفيض ٣٠-٥٠٪ في حجم الملف — مما يعني تحميل صفحات أسرع وتكاليف نطاق ترددي أقل.

تشمل عمليات التصغير الشائعة إزالة المسافات البيضاء، إزالة التعليقات، تقصير الألوان السداسية (#FFFFFF → #FFF)، دمج المحددات المتعددة التي تشترك في نفس الإعلانات، وإزالة الوحدات الصفرية (0px → 0).

شغّل المصغّر على أنماطك قبل النشر في الإنتاج. يحفظ الإخراج بالضبط عند تحليله من قبل المتصفحات — فقط التنسيق القابل للقراءة البشرية يختفي. يمكن لخرائط المصدر تعيين الإصدار المصغّر مرة أخرى إلى الأصل لتصحيح الأخطاء.

كيف تستخدم هذه الأداة

كيف أضغط ورقة أنماط CSS للإنتاج؟

  1. ألصق الـ CSS

    ضع كامل ورقة الأنماط (أو مجرّد كتلة) في حقل «CSS». تُحذَف التعليقات والأسطر الجديدة والمسافات البادئة. تبقى السلاسل ومضامين url() سليمة.

  2. اضغط «تشغيل»

    تعيد النتيجة حقل `minified` ونسبة `savedPercent` التي تُظهر كم صغُر الخرج عن الدخل. توفير نموذجي: 20-40% على CSS مكتوب يدويًا، أقل على الأُطر المُحسَّنة سلفًا.

  3. ما الذي يُحذف

    تعليقات الكتلة (`/* … */`) وأي مسافة غير آمنة (حول `{ } : ; ,`). الفواصل المنقوطة قبل `}` تُحفظ (أأمَن لبعض المحللات القديمة) أو تُحذف حسب المُصغِّر — تفقّد الخرج إن كانت البايتات الدقيقة تهمّك.

  4. تحذيرات

    لا يدمج المحدّدات المكرّرة، ولا يختصر أسماء الألوان (`#ffffff` يبقى ولا يصبح `#fff`)، ولا يعيد ترتيب التصريحات. لتقليص أكثر عدوانية استخدم أداة مخصّصة مثل csso أو lightningcss في عملية البناء.