تصغير HTML
ألصق الشيفرة لتستعيدها بلا المسافات التي لا يراها أحد. ويُظهر العدّاد أسفل الحقل مقدار ما وفّرته.
الشيفرة لا تغادر هذه الصفحة: التنسيق يجري داخل متصفحك.
- مجانًا
- ملفاتك لا تغادر جهازك
- بدون تسجيل
- بلا حد لعدد الملفات
طريقة الاستخدام
- ألصق شيفرة HTML في الحقل الأول؛ تُصغَّر أثناء الكتابة.
- راجع أرقام الحجم أسفل حقل الإدخال.
- انسخ النتيجة، أو اضغط «تنسيق» لبسطها من جديد.
معلومات مفيدة
ما يُحذَف وما يبقى
تُحذَف الأسطر الجديدة بين الوسوم وسلاسل المسافات والتعليقات العادية. وتبقى التعليقات الشرطية لأنها تحمل وسومًا للمتصفحات القديمة. أما ما داخل pre و textarea و script و style فيُنقَل كما هو: السطر الجديد هناك محتوى لا تنسيق.
كم يساوي هذا فعلًا
في صفحة معتادة يوفّر التصغير عشرة إلى عشرين بالمئة قبل الضغط، وأقلّ بكثير بعده، لأن gzip يتعامل أصلًا جيدًا مع المسافات المتكرّرة. يستحقّ أن يكون ضمن خطوة البناء، ويستحقّ أن تنساه أثناء التطوير حيث لا تكلّفك الوسوم المقروءة شيئًا وتوفّر عليك ساعات.
الأسئلة الشائعة
هل تبقى الصفحة بالمظهر نفسه؟
نعم، مع ملاحظة واحدة: المسافة بين العناصر السطرية مرئية في الصفحة. لذلك تُختصَر المسافات بين الوسوم إلى مسافة واحدة بدل حذفها، فلا يتزحزح التخطيط.
هل تُرسَل شيفرتي إلى مكان ما؟
لا. كل شيء يجري في الصفحة، فتبقى القوالب غير المنشورة عندك.
هل يصغّر CSS و JavaScript الموجودَين بالداخل؟
لا. تُنسَخ هذه الكتل كما هي. استخدم أداة تصغير CSS لملفات الأنماط؛ فالعبث بالسكربت من أداة وسوم طريقٌ مضمون إلى أخطاء خفيّة.
هل يمكن التراجع؟
اضغط «تنسيق» لتُبسَط الوسوم من جديد بمسافات بادئة. مواضع الأسطر الأصلية ضاعت، لكن البنية تعود.
أدوات ذات صلة
- تنسيق HTML ألصق الشيفرة لتراها. كل وسم في سطره وبإزاحةٍ تناسب عمق التداخل — وهذا أسرع طريق للعثور على الوس…
- تصغير CSS ألصق ورقة الأنماط لتستعيدها مضغوطة. ويعرض العدّاد أسفل الحقل الحجم قبل وبعد، فترى بنفسك إن كان…
- ضغط JSON الصق كود JSON لتستعيده دون بايت زائد: بلا إزاحة وبلا فواصل أسطر، والبيانات نفسها. الاستجابة الم…
- تنسيق CSS ألصق ورقة الأنماط — ولو وصلتك في سطر واحد — لتقرأها من جديد. كل تصريح في سطره، والكتل المتداخلة…
- تنسيق XML غالبًا ما يصل XML المولَّد آليًا في سطر واحد ضخم. ألصقه هنا لتظهر البنية: عنصر في كل سطر، بإزاح…
- تنسيق SQL ألصق استعلامًا وصلك من سجلّ أو من إطار ORM في سطر واحد، لتقرأه استعلامًا من جديد: SELECT و FROM…