🛝Toolio
حول اتصل بنا

🗜️ مُصغّر CSS

لصق كود CSS الخاص بك وقم بضغطه فورًا — يتم حذف التعليقات وتقليل المسافات البيضاء ويتم الحفاظ على السلاسل وقيم url(). راجع بالضبط عدد Bytes التي تم حفظها.

الـ CSS الخاص بك
مُصغر بسيط — يتم الحفاظ على السلاسل وurl().

مصمم للخصوصية. تعمل هذه الأداة بالكامل في متصفحك — لا يتم رفع أي شيء تدخله أو تخزينه، وتعمل الأداة دون اتصال بالإنترنت.

حول

يعمل هذا مُصغر CSS بالكامل في متصفحك باستخدام منهجية تحليل الرموز (tokenization) التي تتعامل بشكل صحيح مع الحالات الحدية. يقوم بإزالة التعليقات على سطر واحد (//) والتعليقات متعددة الأسطر (/* */), ويقلل تسلسلات المسافات البيضاء إلى مسافة واحدة أو يزيلها حول الرموز النمطية مثل { } : ; , و>, ويحافظ على محتوى السلاسل المقتبسة وقيم url() بحيث لا تُتلف المسافات داخل URIs البيانات أو أسماء الخطوط. وبما أنه مُحلل رموز أساسي وليس مُحلل شجرة تعبير (AST) كامل، فهو سريع وغير مُعتمد على مكتبات خارجية، ويصلح لمعظم ملفات CSS المكتوبة يدويًا أو المُنشئة من قبل مُعالجات مسبقة. يعرض الأداة الحجم الأصلي، الحجم المصغّر، والبايتات المُوفّرة بحيث يمكنك اتخاذ قرار مُدروس حول ما إذا كان من الضروري تحسينه أكثر.

كيف تستخدم

  1. لصق كود CSS الخاص بك في منطقة الإدخال على اليسار.
  2. اضغط على "Minify" — الأداة تقوم بتقسيم ملفات CSS الخاصة بك وتعطي إخراجًا مضغوطًا على اليمين.
  3. تحقق من ملخص الحجم لترى الحجم الأصلي، والحجم المُصغر، وكمية البايتات التي تم حفظها.
  4. انقر على نسخ لنسخ ملف CSS المضغوط إلى حافظتك، أو استخدم تنزيل لحفظه كملف .css.

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

هل تقوم هذه الأداة بمعالجة ملفات CSS الخاصة بي على خادم؟
لا. يتم تقليل حجم الملف بالكامل في متصفحك باستخدام لغة جافاسكربت. لن تُرسل قوائم أنماطك (CSS) إلى أي مكان.
هل سيؤدي تقليل حجم ملفات CSS إلى تلفها؟
يحمي المُقسّم النصوص المقتبسة والقيم url()، لذا يجب أن تبقى الأسلوبات CSS الصالحة كما هي. ومع ذلك، هذا ليس مُحلّل AST كاملًا — قد لا يتم التعامل مع الحالات الحواف غير المعتادة في التركيب غير القياسي بشكل مثالي.
هل يتم حذف التعليقات ذات الخط الواحد //؟
نعم. يتم حذف التعليقات ذات الخط الواحد // والتعليقات متعددة الخطوط /* */. لاحظ أن // ليس جزءًا رسميًا من مواصفات CSS ولكنها شائعة في ملفات المصادر المُعالجَة مسبقًا.
كم سيصغر CSS الخاص بي؟
يقل حجم CSS المكتوب يدويًا بنسبة 20–40%. الملفات التي تحتوي على عدد كبير من التعليقات أو مسافات فارغة واسعة تُصغر أكثر. للضغط القصوى، ادمج هذا مع gzip أو Brotli على خادمك.
هل يمكنني تقليل حجم CSS الذي يحتوي على متغيرات أو عبارات calc()؟
نعم. يتم معالجة الخصائص المخصصة (--var)، وvar()، وcalc()، وغيرها من وظائف CSS الحديثة كقيم عناصر عادية وتنتقل بأمان.
هل هذه الأداة ترفع بياناتي؟
لا. يعمل كل شيء مباشرة في متصفحك، لذا بياناتك لن تغادر جهازك أبداً — بل إنها تعمل دون اتصال بالإنترنت بمجرد تحميل الصفحة.