سمارتحلول تقنية للأعمال
English اطلب اجتماعًا

مصغّر ملفات الويب

قلّل HTML وCSS وJavaScript ضمن مكتبات مدروسة وأظهر مقدار الوفر دون تنفيذ الكود.

اللغة

يحذف التعليقات والمسافات الزائدة. يبقى النص بين علامات التنصيص والتعبيرات النمطية و<pre> كما هي، ويُحتفظ بسطر جديد ينهي جملة بلا ;. لا تُختصر الأسماء، لذا قد توفّر أداة البناء أكثر. وتبقى تعليقات /*! */.

النتيجة

الصق الشفرة وستظهر نسختها الأصغر هنا.

طريقة الاستخدام

  1. اختر اللغة.
  2. الصق الشفرة أو اضغط «جرّب مثالًا».
  3. انسخ النتيجة أو نزّلها.

أمثلة

  • CSSa { color: red; } a{color:red} (19 ← 12 بايت)
  • تعليق JavaScriptconst url = 'https://x.com'; // c const url='https://x.com';
  • HTML<p>Hello <b>world</b></p> <p>Hello <b>world</b></p>
تفاصيل الأداة والخصوصية

الصق شفرة وستحصل على نسخة أصغر جاهزة للنسخ، مع الحجم بالبايت قبل التصغير وبعده ونسبة ما وفّرته.

الملفات الأصغر تُحمَّل أسرع، خاصة على اتصال الجوال.

الخيارات

  • يحذف التعليقات ويبقي /*! */ التي تحمل الترخيص عادة.
  • في HTML يُصغَّر محتوى <style> و<script> أيضًا، وتبقى <pre> كما هي.
  • في JavaScript يبقى السطر الجديد الذي ينهي جملة بلا فاصلة منقوطة، حتى لا يتغير المعنى.

الحدود

  • لا تُختصر أسماء المتغيرات، لذا توفّر أدوات البناء مثل Vite أو esbuild أكثر.
  • النص بين علامات التنصيص والتعبيرات النمطية والقوالب `…` يبقى سليمًا، ولا تُشغَّل الشفرة.

الخصوصية

ما تكتبه يبقى في متصفحك. لا يُرفع شيء ولا يُحفظ على الخادم.

أسئلة

لماذا بقيت بعض الأسطر الجديدة في JavaScript؟

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

هل يكسر التصغير الروابط داخل النص؟

لا. // داخل علامات التنصيص لا تُعامل تعليقًا.

هل تُشغَّل الشفرة؟

لا.

هل يُرفع شيء؟

لا.

أدوات مرتبطة

كل الأدوات