مضغط CSS — مجاني على الإنترنت
اضغط أوراق أنماط CSS لتقليل حجم الملف.
Who uses the مضغط CSS?
- مطوّرو الويب الذين يحسّنون CSS يدويًا لمشاريع بدون خط أنابيب أداة بناء.
- مهندسو الأداء الذين يحصلون على تقدير سريع لتقليل الحجم قبل تطبيق شبكة توصيل محتوى (CDN).
- مطوّرو القوالب الذين يقومون بمعالجة تقريبية لملف style.css قبل خطوة بناء حقيقية.
How the مضغط CSS works
الصق كود CSS الخاص بك في محرر الإدخال.
انقر على Minify لإزالة التعليقات والمسافات والفواصل المنقوطة غير الضرورية.
شاهد الحجم بالبايت قبل/بعد ونسبة التقليل في لوحة الإحصاءات.
انسخ CSS المضغوط لاستخدامه في بيئة الإنتاج.
Tips & tricks
- تحقق دائمًا من أي تعبيرات calc() بعد الضغط — قد تؤدي إزالة المسافات حول + في هذه الأداة إلى CSS غير صالح داخل calc().
- لا تدمج هذه الأداة المحددات المكررة ولا تختصر الخصائص إلى صيغة مختصرة — فهي تُزيل فقط التعليقات والمسافات.
- لخط أنابيب الإنتاج، تتعامل أداة ضغط CSS حقيقية (cssnano، Lightning CSS) بشكل صحيح مع calc() وحالات حدّية أخرى — استخدم هذه الأداة للفحوصات السريعة، وليس لناتج الإنتاج النهائي.
- تُعد نسبة التقليل في لوحة الإحصاءات مقياسًا تقريبيًا جيدًا لمقدار «الوزن الزائد» من المسافات/التعليقات في CSS المصدر لديك.
Frequently Asked Questions
كم يوفر ضغط CSS؟
يوفر ضغط CSS عادةً 10–30% من حجم الملف. مع إضافة ضغط gzip، يصل التوفير الفعلي إلى 60–80%. تستفيد أوراق الأنماط الكبيرة ذات التعليقات المطولة والمساحات الكثيرة أكثر من غيرها.
ماذا تُزيل أداة ضغط CSS هذه؟
تُزيل التعليقات (/* ... */)، المسافات والأسطر الجديدة الزائدة، والفاصلة المنقوطة الزائدة مباشرة قبل قوس الإغلاق. لا تدمج المحددات المكررة ولا تحوّل الخصائص الطويلة إلى صيغة مختصرة.
هل يمكن أن يُتلف الضغط ملف CSS الخاص بي؟
احذر من تعبيرات calc(): تُزيل هذه الأداة المسافات حول + بشكل موحّد، بما في ذلك داخل calc()، ما قد يحوّل calc(100% + 10px) إلى calc(100%+10px) — وهو CSS غير صالح، لأن المسافات حول + و- مطلوبة وفق مواصفة calc(). تحقق من أي استخدام لـ calc() في النتيجة قبل النشر.
هل يجب ضغط الأنماط المضمّنة أم أوراق الأنماط الخارجية فقط؟
ركّز على أوراق الأنماط الخارجية — فهي تستفيد أكثر من التخزين المؤقت وتقليل الحجم. عادة ما تكون الأنماط المضمّنة صغيرة بما يكفي بحيث لا يستحق الضغط التعقيد الإضافي.
هل يجب أن أستخدم هذا بدلًا من أداة بناء مثل webpack أو Vite؟
أدوات البناء أفضل لسير عمل الإنتاج — فهي تدمج الضغط (بأمان، دون كسر calc())، خرائط المصدر، والتجميع تلقائيًا. استخدم هذه الأداة للضغط السريع لمرة واحدة أو للمشاريع بدون خط أنابيب بناء.
Is my data safe when using the مضغط CSS?
Completely safe. The مضغط CSS processes everything locally in your browser. No input data, results, or usage information is ever transmitted to or stored on any server.
Can I use the مضغط CSS output in commercial projects?
Yes. The مضغط CSS is a utility tool and its output carries no licensing restrictions. You are free to use results in any project, commercial or personal.
Does the مضغط CSS follow official standards?
Yes. The مضغط CSS is built to comply with the relevant industry standard or specification for this utility type. If you encounter an unexpected result, verify your input against the specification — edge cases outside the standard may produce undefined behaviour.