فشرده‌ساز HTML

حذف کامنت، فشرده‌سازی فاصله‌ها و ویژگی‌های زائد، بدون دست‌زدن به pre و script

رایگان
همه‌ی این ابزارها داخل مرورگر شما اجرا می‌شوند؛ هیچ داده‌ای به سرور ما ارسال نمی‌شود.
—حجم اولیه
—حجم فشرده
—صرفه‌جویی
—کاهش حجم
محتوای pre، textarea، script و style بایت‌به‌بایت دست‌نخورده می‌ماند و کامنت‌های شرطی IE حفظ می‌شوند.

درباره‌ی فشرده‌ساز HTML

مرورگر هر دنبالهٔ فاصله را داخل متن به یک فاصله تبدیل می‌کند، اما همان یک فاصله بین دو تگ inline مثل دو span پشت سر هم، محتوای واقعی است و اگر حذفش کنید دو کلمه به هم می‌چسبند. این ابزار دقیقاً همین مرز را رعایت می‌کند: فاصله را فقط کنار عناصر بلوکی حذف می‌کند و محتوای pre، textarea، script و style را بایت‌به‌بایت عبور می‌دهد. تمام پردازش داخل مرورگر شما انجام می‌شود و کد به هیچ سروری ارسال نمی‌شود.

راهنمای استفاده از فشرده‌ساز HTML

  1. 1

    کد HTML را در کادر ورودی بچسبانید یا دکمهٔ نمونه را بزنید.

  2. 2

    تیک حذف کامنت‌ها، فشرده‌سازی فاصله‌ها و حذف ویژگی‌های زائد را مطابق نیاز پروژه تنظیم کنید.

  3. 3

    برای خروجی کوتاه‌تر، گزینهٔ حذف کوتیشن‌های غیرضروری را هم فعال کنید.

  4. 4

    حجم اولیه، حجم فشرده و درصد کاهش را در کارت‌های آمار بررسی کنید.

  5. 5

    خروجی را با دکمهٔ کپی بردارید و در پروژه جایگزین کنید.

پرسش‌های متداول

آیا این ابزار ممکن است ظاهر صفحه را خراب کند؟

فاصله فقط جایی حذف می‌شود که مرورگر آن را نمایش نمی‌دهد؛ یعنی کنار تگ‌های بلوکی مثل div، p، li و td. بین تگ‌های inline مثل span، a و b همیشه یک فاصله باقی می‌ماند و تگ‌های ناشناخته یا سفارشی مثل my-widget هم عمداً inline در نظر گرفته می‌شوند تا فاصله‌شان از بین نرود.

آیا کد داخل script و style هم فشرده می‌شود؟

نه، و این عمدی است. محتوای pre، textarea، script و style بایت‌به‌بایت کپی می‌شود. فشرده‌سازی جاوااسکریپت و CSS به پارسر جداگانهٔ خودش نیاز دارد و مخلوط‌کردن آن با مینیفای HTML یکی از رایج‌ترین منابع باگ است. تعداد بلوک‌های محافظت‌شده کنار نوار وضعیت نمایش داده می‌شود.

چرا درصد کاهش من پایین است؟

مینیفای HTML روی متن خام معمولاً ۵ تا ۲۵ درصد کم می‌کند و بیشترین سود را در فایل‌های پر از تورفتگی می‌دهد. اگر سرور شما gzip یا brotli فعال دارد، همان فاصله‌های تکراری از قبل خوب فشرده می‌شدند؛ پس مینیفای را مکمل فشرده‌سازی سرور بدانید نه جایگزین آن.

محدودیت شناخته‌شدهٔ این ابزار چیست؟

با فعال بودن حذف ویژگی‌های زائد، type=text از input برداشته می‌شود چون مقدار پیش‌فرض HTML است؛ اگر در CSS یا جاوااسکریپت خود سلکتور input[type=text] دارید این تیک را بردارید. ضمناً ورودی تا ۲ مگابایت پردازش می‌شود و محتوای داخل pre هرگز فشرده نمی‌شود.

ابزارهای مرتبط

قالب‌بند و اعتبارسنج JSON JSON را مرتب کنید، خطای ساختاری را دقیق ببینید و فشرده‌اش کنید. رمزگذار و رمزگشای Base64 تبدیل متن به Base64 و برعکس، با پشتیبانی کامل از فارسی. رمزگذار و رمزگشای URL کدگذاری پارامترهای آدرس و رمزگشایی آدرس‌های درهم. رمزگشای توکن JWT محتوای هدر و payload توکن را ببینید و زمان انقضا را بررسی کنید. تبدیل حالت حروف camelCase، snake_case، kebab-case، Title Case و بیشتر. شمارنده‌ی کلمه و کاراکتر شمارش کلمه، کاراکتر، پاراگراف و زمان تقریبی مطالعه.
مشاهده‌ی همه‌ی ابزارها