مصغّر HTML

ما هو مصغّر HTML؟

يجعل مصغّر HTML الملف أصغر بتحويلات متحفظة لا تؤثر في العرض: تُحذف التعليقات، وتتحول سلاسل المسافات البيضاء إلى مسافة واحدة، وتُزال المسافات المجاورة لوسوم مستوى الكتلة. ويبقى محتوى <pre> و<textarea> و<script> و<style> بايتًا ببايت.

كيفية استخدام مصغّر HTML

1. الصق HTML في مربع الإدخال.
2. اضغط تصغير (يتحدّث الناتج أيضًا أثناء الكتابة).
3. راجع سطر الحجم لترى مقدار ما تم توفيره.
4. انسخ HTML المصغّر أو نزّله.

مثال

<div>
  <!-- c -->
  <p>Hello   <b>big</b>
 world</p>
  <pre>  a
 b</pre>
</div>

<div><p>Hello <b>big</b> world</p><pre>  a
 b</pre></div>

متى تستخدم مصغّر HTML

استخدمه للصفحات الثابتة وقوالب البريد ومقاطع HTML المضمّنة في الكود. المكاسب متواضعة مقارنةً بـ gzip/brotli. لا يزيل الوسوم الاختيارية ولا علامات اقتباس السمات، فيبقى الناتج صالحًا ويمكن توقعه.

كيف يعمل مصغّر HTML

يقسّم محلّل رموز صغير المدخل إلى وسوم ونصوص وتعليقات وكتل نص خام. تُحذف التعليقات عدا تعليقات Internet Explorer الشرطية (<!--[if …]>). وفي النص تتحول أي سلسلة مسافات بيضاء إلى مسافة واحدة؛ وتُزال المسافات في البداية والنهاية حين يكون المجاور وسم كتلة مثل div أو p أو li أو table، وتبقى بين العناصر السطرية (<b>a</b> <i>b</i>) لأنها مرئية. وتُوحَّد المسافات داخل الوسوم؛ ولا تتغير قيم السمات. ولا يُصغَّر JavaScript وCSS داخل الصفحة – استخدم مصغّر JS أو CSS لذلك.

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

• ✓ تقليص قوالب البريد الإلكتروني بصيغة HTML
• ✓ ضغط مقاطع HTML المخزّنة في JSON أو قواعد البيانات
• ✓ إزالة تعليقات المطورين قبل النشر
• ✓ تجهيز HTML مضمّن لنصوص JavaScript

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

الخطوات التالية المقترحة

استكشف المزيد من الفئات