رتّب ورقة الأنماط أو صغّرها، مع عرض الحجم الذي وفّرته
يعمل في متصفحك. لا يُرسل أي شيء تكتبه إلى أي مكان.تنسيق CSS يضيف المسافات البادئة لتصبح ورقة الأنماط مقروءة، وتصغيره يحذف كل مسافة وتعليق لبيئة الإنتاج. يظهر عدد البايتات الموفَّرة، فترى المكسب في ملف حجمه 2 KB قبل أن تقرر. يعمل كل شيء في متصفحك ولا يُرفع أي شيء.
تُرجمت هذه الصفحة آليًا من الأصل الإنجليزي. لم يراجع أي شخص هذه الترجمة بعد، لذا فالنسخة الإنجليزية هي التي يُعتمد عليها. اقرأ الأصل الإنجليزي
الصق ورقة الأنماط في مربع CSS أو اضغط جرّب مثالًا.
أبقِ تنسيق لتعريف واحد في كل سطر، أو اختر تصغير لأصغر ملف.
مع تنسيق، اختر 2 مسافات أو 4 مسافات أو Tab تحت المسافة البادئة.
اضغط نسخ أو تنزيل لأخذ النتيجة.
لهذا المنسق وضعان. تنسيق يرتّب ورقة الأنماط بتعريف واحد في كل سطر، مع مسافات بادئة متساوية وتباعد ثابت حول النقطتين والأقواس المعقوصة. تصغير يحذف التعليقات والمسافات البيضاء، ويختصر الألوان والوحدات، ويمكنه دمج القواعد التي تشترك في الكتلة نفسها، ثم يعرض الحجم قبل والحجم بعد والنسبة الموفَّرة.
يُستخدم في طرفي العمل. في البداية تصل ورقة أنماط مصغّرة من CDN أو من ناتج البناء، وتحتاج إلى قراءة القاعدة التي تسبب مشكلة في التخطيط. وفي النهاية لديك ملف مكتوب يدويًا وتريد أصغر نسخة لنشرها. كلاهما هنا لصق ونقرة واحدة.
يعتمد التصغير على csso. خيار إعادة الهيكلة هو الجزء الجريء: يدمج القواعد ذات الكتل المتطابقة، ويحذف التعريفات التي تتجاوزها قاعدة لاحقة، ويعيد الترتيب حيث يكون ذلك آمنًا. عادةً يوفّر بضع نقاط مئوية إضافية والنتيجة مكافئة، لكن إذا كنت تراجع diff أو كان CSS لديك يعتمد على ترتيب الشيفرة بطرق لا تستطيع الأداة رؤيتها، فأوقفه ولن يُحذف إلا المسافات والتعليقات. ويمكن الإبقاء على التعليقات التي تبدأ بعلامة تعجب، وهي المكان الذي توضع فيه رؤوس التراخيص.
فوق النتيجة تحصل على عدد القواعد والمحددات والتعريفات وقواعد @. وإذا بقي قوس معقوص أو تعليق أو علامة اقتباس مفتوحًا، تحصل على السطر والعمود حيث بدأ وما يجب إضافته، بدلًا من مخرجات المحلل الخام. يعمل كل شيء في متصفحك، فلا تُرفع ورقة أنماط من مشروع غير منشور إلى أي مكان.
نعم. بلا تسجيل، وبلا حد لحجم الملف، وبلا سقف لعدد أوراق الأنماط التي تعالجها. تموّل الصفحة بضعة إعلانات تظهر خارج الأداة، ولا تمسّ نتيجتك أبدًا.
لا. التنسيق والتصغير كلاهما يعمل في متصفحك باستخدام JavaScript. ورقة أنماط من تصميم غير منشور أو من أداة إدارة داخلية لا تغادر جهازك أبدًا، ولا يُحتفظ بشيء بعد إغلاق التبويب.
ورقة الأنماط المكتوبة يدويًا مع التعليقات والمسافات البادئة تنخفض عادةً بنسبة 15 إلى 30 بالمئة، وتضيف إعادة الهيكلة نقطتين أخريين بدمج القواعد المكررة. تعرض الصفحة العدد الدقيق للبايتات قبل وبعد، فلا تحتاج إلى التخمين أبدًا.
إعادة الهيكلة تدمج القواعد ذات الكتل المتطابقة، وتحذف التعريفات التي تتجاوزها قاعدة لاحقة، وتعيد ترتيب المحددات حيث يكون ذلك آمنًا. التوفير الإضافي عادةً بضعة بالمئة فوق التصغير العادي. أوقفها حين تريد حذف المسافات والتعليقات فقط، مثلًا حين تحتاج إلى diff مقروء بين بناءين.
نعم. اختر تنسيق والصق الملف المصغّر. يعود بمحدد واحد في كل سطر، وتعريف واحد في كل سطر، واستعلامات الوسائط بمسافة بادئة داخل كتلتها. تبقى أسماء المحددات والقيم والترتيب كما كانت تمامًا.
لا ينبغي أن يُفسد التصغير ورقة أنماط صالحة. يحلل csso لغة CSS تحليلًا حقيقيًا بدلًا من استبدال النص، لذلك تبقى السلاسل النصية وdata URI والخصائص المخصصة سليمة. وإذا تعذّر تحليل الملف، تحصل على السطر والعمود بدلًا من نتيجة معطوبة، ولا يُنسخ شيء.
هل ما زلت عالقًا؟ اسأل عن منسق CSS ومصغره ويمكن لأي شخص يعرف الإجابة أن يجيب. لا حاجة إلى حساب.