ضاغط أكواد CSS

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

1. أدخل كود CSS.
2. تظهر النتيجة فورًا وتتحدّث مع كل تعديل.
3. انسخ النتيجة، أو انسخ رابطًا يحفظ القيم نفسها لمشاركتها.

طريقة الحساب

تُحذف التعليقات (عدا /*! */)، وتُختصر المسافات إلى واحدة، وتُزال المسافات حول { } ; , > ~ وبعد النقطتين، وتُحذف ; الأخيرة قبل }. النصوص بين الاقتباس محمية. التوفير = (الأصلي - المصغر) / الأصلي × 100.

مثال

النتيجة: CSS المصغر: .btn{color:#fff;padding:8px 16px}.btn:hover,.btn:focus{opacity:0.9}، الحجم الأصلي: 105 بايت، الحجم بعد التصغير: 67 بايت.

/* buttons */
.btn {
  color : #fff ;
  padding: 8px 16px;
}

.btn:hover , .btn:focus {
  opacity: 0.9;
}

.btn{color:#fff;padding:8px 16px}.btn:hover,.btn:focus{opacity:0.9}

الحدود والملاحظات

• لا يدمج القواعد المكررة ولا يختصر القيم مثل #ffffff إلى #fff.
• يبقي المسافة قبل النقطتين في المحددات مثل a :hover لأنها تغيّر المعنى.