محول مجاني
CSS مضغوط
ضغط وتصغير ملفات CSS على الفور في متصفحك. احذف التعليقات، واطوِ المسافات البيضاء، وقلّص حجم الملف. مجاني وخاص.
اسحب وأفلت ملف CSS هنا
يدعم ملفات .css. أو الصق CSS أعلاه.
أو
ضغط وتصغير ملفات CSS على الفور في متصفحك. احذف التعليقات، واطوِ المسافات البيضاء، وقلّص حجم الملف. مجاني وخاص.
يدعم ملفات .css. أو الصق CSS أعلاه.
يؤدي تصغير CSS إلى إزالة المسافات البيضاء والتعليقات والأحرف غير الضرورية من ورقة الأنماط لتقليل حجمها قبل تقديمها إلى المتصفحات. لم تتغير القواعد الفعلية: تعرض ورقة الأنماط المصغرة الصفحات بشكل مماثل للمصدر غير المصغر. يأتي التوفير من إزالة الأسطر الجديدة، والفواصل المنقوطة الزائدة عن الحاجة، والتعليقات، وفرص الاختزال ذات الألوان السداسية، واختصارات الوحدة الصفرية (استبدال 0 بكسل بـ 0).
في مواقع الويب الحديثة التي تحتوي على العشرات من قواعد الأسلوب، يبلغ التخفيض النموذجي 20-40% مقابل المصدر غير المصغر. عند دمجه مع ضغط gzip على الخادم، يتقلص المدخرات الهامشية - يضغط gzip بالفعل النص المتكرر بفعالية - لكن المجموعة لا تزال تتفوق على الضغط وحده، خاصة عندما يتم تخزين أوراق الأنماط مؤقتًا وتقديمها عدة مرات للعديد من الزوار.
يقوم هذا المصغر بمعالجة CSS في مسار واحد، وإزالة التعليقات خارج قيم url()، وطي المسافات البيضاء، وإزالة الفواصل المنقوطة الزائدة قبل إغلاق الأقواس، وتطبيق اختصار الوحدة الصفرية، وتحويل الألوان السداسية المكونة من ستة أرقام إلى نموذج مكون من ثلاثة أرقام حيثما أمكن ذلك (#ffffff → #fff). يظل الإخراج صالحًا لـ CSS الذي يقوم أي متصفح بتوزيعه بشكل صحيح.
يتم تحميل ملفات CSS الأصغر حجمًا بشكل أسرع وينخفض وقت حظر العرض، مما يؤدي إلى تحسين نتائج First Contentful Paint وLargest Contentful Paint. بالنسبة للمواقع التي تؤثر فيها Core Web Vitals على ترتيب البحث، فإن كل كيلو بايت من CSS الذي يحظر العرض يستحق الجهد المبذول.
تكاليف عرض النطاق الترددي مهمة أيضًا على نطاق واسع. توفر المواقع التي تخدم الملايين من مشاهدات الصفحة كميات قابلة للقياس من الخروج عندما تكون أوراق الأنماط الخاصة بها أصغر بنسبة 30٪. تستفيد فواتير CDN واستخدام بيانات الهاتف المحمول واستهلاك الطاقة بشكل طفيف. يعتبر التصغير مجانيًا بشكل أساسي — وهي خطوة إنشاء يتم تنفيذها لمرة واحدة دون أي تكلفة صيانة.
الصق CSS، واحصل على النسخة المصغرة.
تصغير CSS هو في الغالب إزالة مسافات بيضاء محافظة. يتم الاحتفاظ بالمسافات البيضاء داخل المحددات والإعلانات والقيم عندما تكون مهمة؛ تم طي المسافة البيضاء بالخارج. تتم إزالة التعليقات إلا إذا كانت تبدأ بـ /*! (تعليقات حفظ الترخيص).
الاختصارات الشائعة: 0px و0em وقيم الوحدة الصفرية المشابهة تصبح 0؛ الألوان السداسية المكونة من ستة أرقام مع الأرقام المقترنة (#ffffff، #336699) تصبح مكونة من ثلاثة أرقام (#ffff، #369)؛ تتم إزالة الفاصلة المنقوطة الأخيرة قبل }. لا يتم تحويل أسماء الألوان إلى ست عشري تلقائيًا لأن السداسي عشري يكون أحيانًا أطول (الأحمر أقصر من #f00 في الطول؛ #ff0000 أطول من الأحمر).
يجب أن يمرر الإخراج أي مدقق CSS يقبل الإدخال. لم يتغير دعم المتصفح — لا يؤدي التصغير إلى تعديل القواعد نفسها، بل يؤدي فقط إلى تعديل تمثيل النص.