تخطَّ إلى المحتوى الرئيسي
Tooletto

مُصغِّر CSS

إعداد مسبق لأداة مُنسِّق CSS

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

  • الملفات لا تغادر جهازك أبدًا
  • مجاني، بدون تسجيل
  • بدون علامات مائية
  • يعمل دون اتصال بعد التحميل
Loading tool…

كيفية استخدام مُنسِّق CSS

  1. 1

    ألصق CSS الخاص بك

    CSS عادي أو SCSS أو Less، كلها تُحلَّل بشكل صحيح.

  2. 2

    نسِّق أو صغِّر

    جمِّل لسهولة القراءة، أو اضغط للإنتاج.

  3. 3

    انسخ أو نزّل

    النتيجة جاهزة للصق مباشرة في مشروعك.

لماذا التصغير "الآمن" هو المقايضة الصحيحة لـCSS المكتوب يدويًا

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

تصغير ورقة أنماط على وشك لصقها في مكان بقيد على الحجم

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

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

كم يوفر التصغير فعليًا؟

عادةً بين 20% و30% قبل gzip في CSS مكتوب يدويًا، وأقل بكثير في إخراج مرت به بالفعل أداة بناء. عبر الشبكة، تقوم طبقة gzip أو brotli بمعظم العمل على أي حال — يساعد التصغير أساسًا بإزالة التعليقات والمسافات البيضاء الزائدة قبل ذلك.

هل يُغيِّر التصغير كيفية تصرف أنماطي؟

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

هل يدعم SCSS وLess؟

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

لماذا يُرفَض CSS الخاص بي؟

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