التخطي إلى المحتوى
Toova
جميع الأدوات

ضاغط CSS ومُجمِّله

خصوصية بالتصميم — يعمل بالكامل في متصفحك

صغِّر أو جمِّل CSS داخل متصفحك. تحذف Toova المسافات البيضاء والتعليقات لتقليص حجم صفحات الأنماط لبيئة الإنتاج، أو تُوسِّع CSS المضغوط إلى صيغة مقروءة أثناء تصحيح الأخطاء.

وضعان في سير عمل واحد

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

تنسيق قابل للتخصيص

اختر مسافة بادئة من مسافتين أو أربع مسافات أو جدولة للمخرج المُجمَّل. اختر ما إذا كنت تريد الاحتفاظ بالتعليقات (مفيد للترويسات والتراخيص) أو حذفها بالكامل. يحتفظ المُصغِّر بمتغيرات CSS والمُحدِّدات كما هي، لذا تنجو أسماء الخصائص المخصصة ومفاتيح الحركات من التحويل. تبقى البادئات الخاصة بالمتصفحات دون تغيير.

محلي بالكامل

كل عملية تصغير أو تجميل تعمل داخل متصفحك. CSS الذي تلصقه — سواء كان صفحات أنماط خاصة من نظام التصميم لديك أو كودًا خارجيًا تراجعه — لا يغادر الصفحة. سيبقى تبويب الشبكة فارغًا أثناء المعالجة، وتعمل الصفحة دون اتصال بعد التحميل الأول.

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

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