ضاغط أكواد HTML

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

1. أدخل كود HTML واحذف المسافات بين الوسوم كليا.
2. تظهر النتيجة فورًا وتتحدّث مع كل تعديل.
3. انسخ النتيجة، أو انسخ رابطًا يحفظ القيم نفسها لمشاركتها.

طريقة الحساب

تُحذف التعليقات <!-- --> عدا التعليقات الشرطية، وتُختصر كل سلسلة مسافات في النص وداخل الوسوم إلى مسافة واحدة، ويُنسخ محتوى pre وtextarea وscript وstyle كما هو. التوفير = (الأصلي - المصغر) / الأصلي × 100.

مثال

المدخلات: احذف المسافات بين الوسوم كليا = لا. النتيجة: HTML المصغر: <div class="card"> <h2> Title </h2> <p>Some text here.</p> </div>، الحجم الأصلي: 93 بايت، الحجم بعد التصغير: 65 بايت.

<!-- header -->
<div class="card">
    <h2>  Title  </h2>
    <p>Some   text here.</p>
</div>

<div class="card"> <h2> Title </h2> <p>Some text here.</p> </div>

الحدود والملاحظات

• لا يضغط كود JavaScript أو CSS المضمّن، بل ينسخه كما هو.
• إذا استخدمت CSS مثل white-space: pre على عنصر غير pre فقد يتغير شكل المسافات فيه.
• حذف المسافات بين الوسوم كليا قد يلصق كلمات في عناصر متجاورة مثل <b> و<i>.