فشرده‌ساز CSS

حذف کامنت و فاصله‌های اضافی، کوتاه‌سازی رنگ‌ها و نمایش دقیق کاهش حجم.

رایگان
همه‌ی این ابزارها داخل مرورگر شما اجرا می‌شوند؛ هیچ داده‌ای به سرور ما ارسال نمی‌شود.
—حجم اولیه
—پس از فشرده‌سازی
—صرفه‌جویی
—کاهش حجم
رشته‌ها، محتوای url() و فاصله‌های داخل calc() دست‌نخورده می‌مانند و همه‌ی پردازش داخل مرورگر شما انجام می‌شود.

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

اگر یک فشرده‌ساز فاصله‌های اطراف منها را در calc(100% - 20px) بردارد، مرورگر کل آن اعلان را دور می‌اندازد؛ همین یک مورد فرق یک ابزار واقعی با چند replace ساده‌ی regex است. این فشرده‌ساز کد را نویسه‌به‌نویسه توکن می‌کند، بنابراین رشته‌ها، محتوای url() و شرط‌های مدیا کوئری سالم می‌مانند و فقط بایت‌های بی‌اثر حذف می‌شوند. همه‌چیز داخل مرورگر شما اجرا می‌شود و فایل جایی آپلود نمی‌شود.

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

  1. 1

    کد CSS را در کادر ورودی بچسبانید، یا دکمه‌ی نمونه را بزنید تا یک شیت آزمایشی بارگذاری شود.

  2. 2

    چهار گزینه‌ی پایین را تنظیم کنید: کوتاه‌سازی رنگ، حذف صفرهای بی‌اثر، حذف قواعد خالی و نگه‌داشتن کامنت مجوز.

  3. 3

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

  4. 4

    دکمه‌ی کپی را بزنید و نتیجه را در فایل style.min.css خودتان بریزید.

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

چرا 0px به 0 تبدیل نشد؟

چون همیشه امن نیست. داخل calc() عدد بدون واحد نامعتبر است و مقادیر زمانی مثل 0s هم حتماً باید واحد داشته باشند. به همین دلیل فقط صفرهای بی‌اثر برداشته می‌شوند: 0.50em می‌شود .5em و 1.0 می‌شود 1، ولی 0px همان 0px می‌ماند.

چرا فاصله‌ی بین li و first-child حذف نشد؟

چون در انتخابگر، خودِ فاصله یک ترکیب‌گر است. li :first-child یعنی فرزندِ اولِ داخلِ li، ولی li:first-child یعنی خودِ li که فرزند اول باشد. ابزار فاصله را فقط کنار ترکیب‌گرهای > و + و ~ و کنار کاما، آکولاد و پرانتز برمی‌دارد.

همه‌ی رنگ‌های شش‌رقمی کوتاه می‌شوند؟

نه. فقط وقتی هر سه جفت رقم یکسان باشند: aabbcc# می‌شود abc# اما aabbcd# دست‌نخورده می‌ماند. رنگ هشت‌رقمی دارای آلفا هم با همین قاعده به چهار رقم می‌رسد و حروف بزرگ هگز به کوچک تبدیل می‌شود.

این ابزار چه کارهایی نمی‌کند؟

قواعد تکراری را ادغام نمی‌کند، شورت‌هند نمی‌سازد و پیشوندهای قدیمی مرورگرها را پاک نمی‌کند؛ کارش فقط حذف بایت‌های بی‌اثر است. سقف ورودی هم ۲ میلیون کاراکتر است تا مرورگر قفل نکند.

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

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