ضغط CSS

CSS أخف دون تغيير الشكل

تحذف الأداة التعليقات والمسافات، وتختصر #ffffff إلى #fff و0px إلى 0، وتدمج القيم المكررة.

النتيجة سطر واحد يعمل كالأصل، لكن احتفظ بالملف المقروء للتعديل.

طريقة ضغط CSS

1. الصق كود CSS.
2. أرسل.
3. انسخ الناتج.

أمثلة

أنماط زر

المُدخل:

/* Buttons */
.btn {
  color: #ffffff;
  margin: 0px 0px 10px 0px;
  background-color: #8997BB;
}

.btn:hover {
  opacity: 0.80;
}

النتيجة:

.btn{color:#fff;margin:0 0 10px;background-color:#8997bb}.btn:hover{opacity:.8}

التعليق والمسافات حُذفت، و#ffffff أصبحت #fff، و0.80 أصبحت .8.

استخدامات شائعة

• تسريع المواقع.
• تحسين نتائج PageSpeed.
• تقليل حجم القوالب.

نصائح مهمة

• تعليقات الترخيص تُحذف أيضاً.
• CSS غير الصالح قد يُحذف أو يتغير.
• أبقِ الملف المقروء للتعديل.
• اضغط JavaScript بـضغط JS.

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

هل يدعم CSS للمواقع العربية (RTL)؟

نعم، الخصائص مثل direction تبقى.

هل يتغير الشكل؟

لا إن كان الكود صالحاً.

كيف أعيد تنسيقه؟

استخدم الملف الأصلي؛ الضغط لا يُعكس بسهولة.

هل يحذف القواعد غير المستخدمة؟

لا.

أدوات ذات صلة

• ضغط HTML: صغّر كود HTML.
• ضغط JavaScript: صغّر كود JavaScript.
• محول الألوان: حوّل لونك إلى صيغ متعددة.
• حاسبة حجم النص: احسب حجم النص بالبايت.
• فحص دعم HTTP/2: تحقق إن كان الموقع يدعم بروتوكول HTTP/2.