مصغّر CSS

صغِّر CSS واضغطه في مكان واحد

يُقلِّص هذا ضاغط CSS أوراق الأنماط لديك بحذف كل حرف لا يحتاجه المتصفح — التعليقات، والمسافات البيضاء، وفواصل الأسطر، وآخر فاصلة منقوطة زائدة في كل قاعدة — بحيث يكون الملف الذي ترسله أصغر حجماً في البايتات لكنه يُعطي نفس النتيجة المرئية تماماً. الصق كودك أو أفلت ملف .css وسيظهر الناتج المضغوط فوراً مع عدد البايتات الدقيق والنسبة المئوية التي وفَّرتها.

الأداة هي أيضاً مُضغِّط CSS ومُنسِّق CSS في آنٍ واحد: زر واحد يُبدِّل بين التصغير وإعادة التنسيق، فالأداة ذاتها التي تُكثِّف ورقة الأنماط يمكنها بسطها من جديد إلى كود مقروء ومُبلَّط.

ما الذي يُزال — وما الذي لا يُمس أبداً

حين تُصغِّر CSS، تحذف الأداة التعليقات، وتُدمج كل المسافات البيضاء، وتُزيل الفراغات حول رموز مثل { } : ; , > +، وتحذف آخر فاصلة منقوطة قبل كل قوس إغلاق. فعِّل وضع التصغير القوي لإزالة الأصفار البادئة أيضاً (0.5em → .5em) والوحدة من قيم الطول الصفرية (0px → 0).

والأهم أن العملية بلا خسارة. تُحمى النصوص المقتبسة وقيم url() وتعبيرات calc() قبل أي حذف، فقيمة مثل calc(100% - 2rem) تحتفظ بمسافاتها الضرورية ولا يتشوه مسار أي صورة خلفية. كثير من أدوات التصغير السريعة تُخطئ في التعامل مع calc() — هذه الأداة لا تُخطئ.

صغِّر أو نسِّق — أداة حقيقية ثنائية الاتجاه

تحتاج إلى قراءة ورقة أنماط مضغوطة في سطر واحد؟ انتقل إلى وضع التنسيق لـفك ضغط CSS: ستُعيد الأداة المسافات البادئة، وتضع كل إعلان في سطره الخاص، وتُضيف مسافة بعد كل نقطتين، وتُرتِّب قوائم المحددات بأناقة. اختر مسافة بادئة من 2 أو 4 مسافات أو علامات جدولة لتتناسب مع أسلوب مشروعك.

ولأن التصغير والتنسيق عمليتان عكسيتان، يمكنك لصق CSS مضغوط من بيئة الإنتاج، وقراءته، وتعديله، ثم إعادة تصغيره — دون مغادرة الصفحة.

مقارنة مع cssminifier.com وCleanCSS وcssnano

cssminifier.com هو الخيار الأونلاين الأكثر استخداماً، لكنه يرفع كودك إلى خوادمه. بالنسبة لأوراق الأنماط المملوكة — مشاريع العملاء، والتصاميم غير المنشورة، والأدوات الداخلية — هذا خطر حقيقي. CleanCSS وcssnano مكتبتا Node.js: مثاليتان للمسارات الآلية لكنهما تتطلبان تثبيتاً محلياً. ضاغط CSS على freeformatter.com وضاغط TopTal كلاهما من جانب الخادم أيضاً.

هذه الأداة تُعالج كل شيء محلياً بالجافاسكريبت — لا يُرفع شيء أبداً. تُغطي أكثر تحسينات التصغير شيوعاً وتُضيف تقديراً لـ gzip في الخطوة ذاتها. لا حساب، لا رفع، لا تثبيت — تعمل على iPhone وAndroid وMac وWindows وLinux.

شاهد البايتات التي وفَّرتها — بما فيها gzip

يعرض شريط إحصائيات بارز الحجم الأصلي وحجم الناتج والبايتات والنسبة المئوية الموفَّرة، حتى تعرف دائماً بالضبط كم أصبح CSS أصغر. تُقاس الأحجام بالبايتات الفعلية لـ UTF-8 لا بعدد الأحرف، فتتوافق مع ما يخدمه خادمك فعلاً.

تعرض أيضاً رقماً مضغوطاً بـ gzip يُحسَب محلياً في متصفحك. التصغير و gzip يتكاملان — صغِّر المصدر أولاً ثم دع مضيفك يضغطه — ورؤية الرقمين معاً يوضح الوفر الإجمالي.

100% خصوصية — لا شيء يغادر متصفحك

كل عملية تصغير أو تنسيق تُنفَّذ محلياً في متصفحك بالجافاسكريبت. لا يُرفع CSS ولا يُسجَّل ولا يُخزَّن، مما يجعل هذه الأداة مكاناً آمناً لضغط أوراق الأنماط المملوكة أو غير المنشورة أو الخاصة بعملائك. لا تسجيل ولا حد سوى ذاكرة جهازك. تعمل أيضاً دون اتصال — بعد تحميل الصفحة، افصل الإنترنت وستواصل الأداة عملها. احفظ هذا ضاغط CSS الأونلاين في متصفحك واستخدمه كلما احتجت لضغط CSS أو تصغير ملف أو قراءة ملف مصغَّر.