RevealTheme logo

CSS Küçültücü

Dosya boyutunu azaltmak için CSS'den yorumları, boşlukları ve gereksiz karakterleri kaldırın.

Bu araç nasıl kullanılır

  1. 1

    Paste your CSS — a single rule, a component stylesheet, or an entire file.

  2. 2

    The minified result and the byte savings appear instantly below the input.

  3. 3

    Copy the minified output, or compare the before/after byte count to see the reduction.

CSS Küçültücü nedir?

Küçültülmüş CSS daha hızlı yüklenir: kritik render yolunda her bayt önemlidir. Küçültme, yorumları kaldırır, boşlukları daraltır ve söz dizimini sadeleştirir (örneğin, 'color: #ffffff' ifadesi 'color:#fff' olur). Üretim siteleri için cssnano gibi derleme zamanı bir küçültücü kullanın; bu araç ise tek seferlik CSS parçaları içindir.

Yaygın kullanım örnekleri

  • 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.

Sıkça sorulan sorular

Küçültme CSS'imi bozar mı?
Hayır: küçültme anlamı korur. CSS'iniz bozuluyorsa, kaynak kodda tarayıcının hoş gördüğü ancak küçültücünün görmediği söz dizimi hataları vardı.
Ne kadar boyut azalması bekleyebilirim?
Tipik elle yazılmış CSS'de %20 ila %40 arası. Çerçevelerden gelen, halihazırda sıkıştırılmış CSS'de daha az.

İlgili araçlar