Barokit

🎨CSSミニファイア

CSSから空白・コメント・不要なセミコロンを削除してバイト節約。

🔒 ブラウザ内処理ウォーターマークなし登録不要

使い方

  1. 1CSSを貼り付けます。
  2. 2圧縮ボタンを押します。
  3. 3結果をコピーしてデプロイに使用します。

よくある質問

元に戻せますか?+

構造は残っているので可読性が下がるだけで意味は同じです。再び見やすく整形するには別途prettifierが必要です。

どれくらい容量が減りますか?+

通常のCSSで40〜60%減少します。インデント・コメントが多いほど効果が大きくなります。

Sass/Lessもできますか?+

このツールは通常のCSSのみ入力として受け付けます。Sass・Lessは先にCSSにコンパイルしてからminifyしてください。

コメントは100%全部除去?+

デフォルトですべて除去されます。ライセンスコメント(/*! ... */)は保存オプションがある場合があります。

本番環境ではどう処理しますか?+

Webpack・Vite・PostCSSなどのビルドツールのcssnano・cssoプラグインが自動処理します。本ツールはクイックチェック・単発作業用です。

関連ツール