مصغّر CSS

صغّر CSS في المتصفح.

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

أربع خطوات: الصق، شغّل، راجع، انسخ. كل شيء يبقى في المتصفح.

الصق المدخلات

الصق المدخلات

أدخل CSS أو HTML أو JSON أو نصًا آخر. لا يُرفع شيء.

شغّل الأداة

شغّل الأداة

انقر تحويل أو تشغيل. تظهر النتيجة فورًا.

راجع المخرجات

راجع المخرجات

اقرأ الرمز المُنشأ والملاحظات قبل الاستخدام.

انسخ واستخدم

انسخ واستخدم

انسخ النتيجة والصقها في مشروعك.

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

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

مثال

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

إدخال

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

مخرجات

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

نصيحة

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