فشرده‌ساز CSS
نظرات، فاصله‌های خالی و کاراکترهای غیرضروری را از CSS حذف کنید تا حجم فایل کاهش یابد.
نحوه استفاده از این ابزار
- 1
Paste your CSS — a single rule, a component stylesheet, or an entire file.
- 2
The minified result and the byte savings appear instantly below the input.
- 3
Copy the minified output, or compare the before/after byte count to see the reduction.
فشرده‌ساز CSS چیست؟
CSS فشرده‌شده سریع‌تر بارگذاری می‌شود: هر بایت در مسیر رندر بحرانی اهمیت دارد. فشرده‌سازی نظرات را حذف می‌کند، فاصله‌های خالی را جمع می‌کند و نحو را ساده می‌کند (برای نمونه، 'color: #ffffff' به 'color:#fff' تبدیل می‌شود). برای سایت‌های در محیط تولید، از یک فشرده‌ساز زمان ساخت مانند cssnano استفاده کنید؛ این ابزار برای قطعه‌های موردی CSS است.
موارد استفاده رایج
Shrink a critical-CSS snippet you're inlining into the <head> to remove a render-blocking request.
Compress CSS for an HTML email or newsletter, where every kilobyte counts and there's no build pipeline.
Paste CSS into a CMS or page-builder field that doesn't minify automatically (WordPress 'Additional CSS', Shopify theme settings).
Check how much weight a third-party stylesheet adds before deciding whether to self-host it.
Clean up CSS copied from DevTools, which arrives with computed-style comments and inconsistent spacing.
Produce a one-line version of a rule to paste into a chat, ticket, or code-review comment.
پرسش‌های متداول
آیا فشرده‌سازی CSS من را خراب می‌کند؟▼
چه میزان کاهش حجم می‌توانم انتظار داشته باشم؟▼
ابزارهای مرتبط
کدگشای JWT
توکن‌های JSON Web Token (JWT) را فوراً کدگشایی کنید. در مرورگر شما اجرا می‌شود: توکن‌ها هرگز از دستگاه شما خارج نمی‌شوند، پس استفاده از آن با اسرار محیط تولید (production) امن است.
قالب‌بند و اعتبارسنج JSON
JSON را به‌صورت آنلاین قالب‌بندی، اعتبارسنجی و فشرده کنید. کاملاً در مرورگر شما کار می‌کند: داده‌های شما هرگز دستگاهتان را ترک نمی‌کنند.
قالب‌بند XML
اسناد XML را قالب‌بندی و زیبا کنید. مفید برای SOAP، نقشه‌های سایت، فیدهای RSS و فایل‌های پیکربندی.
کدگذار و کدگشای Base64
رشته‌ها را به Base64 کدگذاری یا Base64 را به متن کدگشایی کنید. به حریم خصوصی شما احترام می‌گذارد: در مرورگر شما اجرا می‌شود.
کدگذار و کدگشای URL
متن را به کدگذاری امن برای URL (کدگذاری درصدی) و برعکس تبدیل کنید. مفید برای رشته‌های پرس‌وجو، تغییر مسیرها و جریان‌های OAuth.
کدگذار و کدگشای موجودیت‌های HTML
کاراکترهای خاص را به موجودیت‌های HTML (&، < و غیره) و برعکس تبدیل می‌کند. برای جای‌دادن امن متن در HTML مفید است.