انتقل إلى المحتوى
العربية
جميع الأدوات

الفئات

أدوات المطورينالترميز وفك الترميزJSON والبياناتالتجزئة والمجموع الاختباريأدوات النصوصالتاريخ والوقتأدوات الشبكاتأدوات الملفاتMarkdown والمخططات

ضاغط HTML

قلّل حجم HTML بضاغط حذر يترك محتوى <pre> و<textarea> و<script> دون مساس.

تتم المعالجة محليًا في متصفحك

الخيارات
0 حرف · 0 سطر
ستظهر النتيجة هنا.

ما هي أداة ضاغط HTML؟

يعني ضغط HTML حذف البايتات التي لا تحتاجها المتصفحات: التعليقات والإزاحة وفواصل الأسطر بين الوسوم. تُحمَّل المستندات الأصغر وتُحلَّل أسرع، وهذا مهم لصفحات الهبوط وقوالب البريد الإلكتروني.

هذا الضاغط آمن عن قصد. يحذف التعليقات (مع إمكان الإبقاء على تعليقات IE الشرطية) ويختزل تتابعات المسافات إلى مسافة واحدة ويحذفها بجوار وسوم الكتل، لكنه يترك محتوى <pre> و<textarea> و<script> و<style> كما كُتب. ويزيل خيار إضافي المسافات والتعليقات من CSS المضمّن. وتعرض النتيجة الحجم قبل الضغط وبعده.

كيف تعمل؟

  1. الصق شيفرة HTML في خانة الإدخال.
  2. اختر هل تُحذف التعليقات وهل تُبقى تعليقات IE الشرطية وهل تُختزل المسافات.
  3. فعّل اختياريًا ضغط CSS المضمّن لكتل <style> وسمات style.
  4. راجع الحجم الموفَّر ثم انسخ HTML المضغوط أو نزّله.

حالات الاستخدام الشائعة

  • تخفيف وزن صفحة هبوط ثابتة أو رسالة بريد بصيغة HTML.
  • تضمين مقتطف HTML صغير في سلسلة JavaScript أو رابط بيانات.
  • حذف تعليقات المطورين قبل نشر قالب.
  • تقدير حجم المسافات في صفحة قبل إعداد خطوة بناء.

أمثلة

جرّب هذا المدخل في الأداة أعلاه:

المدخل
<!DOCTYPE html>
<html>
  <head>
    <!-- page title -->
    <title>Demo</title>
    <style>
      body { margin: 0; /* reset */ }
      p    { color: #333; }
    </style>
  </head>
  <body>
    <!--[if IE]><p>Old browser</p><![endif]-->
    <h1>  Hello   <em>world</em>  </h1>
    <pre>  keep
    this   spacing </pre>
  </body>
</html>
المخرج
<!DOCTYPE html><html><head><title>Demo</title><style>
      body { margin: 0; /* reset */ }
      p    { color: #333; }
    </style></head><body><!--[if IE]><p>Old browser</p><![endif]--><h1>Hello <em>world</em></h1><pre>  keep
    this   spacing </pre></body></html>

الخصوصية

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

القيود

لا يعيد الضاغط كتابة السمات أو علامات الاقتباس ولا يحذف الوسوم الاختيارية ولا يضغط JavaScript، لذا يكون التوفير أقل من الضواغط الجريئة، وتُترك عمدًا مسافة واحدة بين العناصر المضمّنة.

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

هل قد يتعطل موقعي بسبب الضغط؟

القواعد حذرة: يُترك النص المنسّق مسبقًا ومناطق النص والسكربتات والأنماط كما هي. وتُختزل المسافات بين العناصر المضمّنة إلى مسافة واحدة ولا تُحذف، فلا تلتصق الكلمات.

ماذا يحدث للتعليقات الشرطية؟

عند تفعيل "الإبقاء على تعليقات IE الشرطية" تُحفظ تعليقات مثل <!--[if IE]>…<![endif]--> لأن المتصفحات تتعامل معها. عطّل الخيار لحذفها أيضًا.

هل يضغط JavaScript؟

لا. يُنسخ محتوى السكربتات دون تغيير. استخدم ضاغط JavaScript مخصصًا في عملية البناء إن احتجت ذلك.

أدوات ذات صلة

المزيد من الأدوات في أدوات المطورين →