CSS Minifier (スタイルシートの圧縮)

投稿日: / 更新日:

スタイルシートの無駄な記述を削除して、コードをMinify処理(軽量化)するツールです。

縮小前のコード

縮小後のコード

使い方

基本的な操作方法

  • 左側(スマホの場合は上)のフォームに、圧縮したいスタイルシートのコードを入力して、「Minifyをする」のボタンをクリックすると、右側(スマホでは下)のフォームに圧縮した結果が表示されます。
  • 圧縮のアルゴリズムには、YUI Compressorcssnanoを利用させていただきました。
  • スマホ上でjs-beautifyを利用したい機会があったため、自分用に作成してみました。
  • Chrome、Firefoxなど対応ブラウザの場合、整形結果をクリックするだけでコピーできます。

注意事項

  • Minifyは、ご入力いただいたコードをサーバー側で処理する形となっています。コードをサーバー側で保存することなどは一切していません。
更新履歴
2016年1月7日
ChromeやFirefoxなど、一部対応ブラウザは、クリックするだけで結果をコピーできるようになりました。
2015年3月4日
コンテンツを公開しました。