مصغّر CSS

حول هذه الأداة

يحذف المصغّر التعليقات والمسافات غير الضرورية ليقل حجم CSS المرسل إلى المتصفح. الأداة مناسبة للفحص السريع، بينما يتولى مجمّع الحزم التصغير في بناء الإنتاج.

طريقة الاستخدام

الصق CSS مقروءًا وشغّل التصغير، ثم قارن عدد البايتات قبل وبعد. وابقِ توليد ملف الإصدار النهائي في خط البناء الخاص بك.

مثال

يضم المثال تعليقًا واحدًا يختفي بعد التصغير.

إدخال

.hero {
  /* homepage band */
  padding: 4rem 1.5rem;
  background: #0f172a;
  color: #e2e8f0;
}

مخرجات

.hero{padding:4rem 1.5rem;background:#0f172a;color:#e2e8f0}

نصيحة

لا تكتفِ بالنسخة المصغّرة أبدًا، بل احفظ الملف المنسّق الأصلي في المستودع.

معلومات مفيدة