CSS Minifier

https://cssminifier.com/
CSSコードを圧縮するサービス。

• 手順1
  画面左の入力フォームに、コピーしたCSSコードを貼り付ける。
• 手順2
  フォームの下のMinifyボタンをクリック
• 手順3
  圧縮後のコードが、画面右のフォームに表示される。
• 手順4
  圧縮後のコードをコピーしてCSSファイルやHTMLファイル等に貼り付けて使用する。

CSS Minifier Syncer

https://syncer.jp/css-minifier
CSSコードを圧縮するサービス。

• 手順1
  画面左の入力フォームに、コピーしたCSSコードを貼り付ける。
• 手順2
  フォームの下の「Minifyする」ボタンをクリック
• 手順3
  圧縮後のコードが、画面右のフォームに表示される。
• 手順4
  圧縮後のコードをコピーしてCSSファイルやHTMLファイル等に貼り付けて使用する。

Tiny PNG

https://tinypng.com/
PNG画像、又は、JPG画像を圧縮するサービス。

• 手順1
  画面上部の「Drop your .png or .jpg files here!」に圧縮したい画像をドラッグする。（複数枚同時でも可）
• 手順2
  画像の圧縮が始まり、画像のファイル名の右側に圧縮の進み具合がバーで確認できる。
• 手順3
  圧縮が終わり、画像のファイル名の右側にdownloadボタンが表示されたら、ボタンを押して、ファイルをダウンロードする。
  （複数枚を一度に圧縮した場合は、圧縮ファイルの一覧表示のすぐ下にある「Save to Dropbox」または「Download all」で一括ダウンロードをするのが便利。

備考

このサービスは、Photoshopのプラグイン化もされており、Photoshopプラグインの設定さえ済ませておけば、PSDファイルからスライスした段階で画像が圧縮されます。手間が省けて便利です。

JS Minifier Syncer

https://syncer.jp/js-minifier
Java Scriptコードの圧縮をするサービス。

• 手順1
  画面左の入力フォームに、コピーしたJavascriptコードを貼り付ける。
• 手順2
  フォームの下の「縮小する」ボタンをクリック
• 手順3
  圧縮後のコードが、画面右のフォームに表示される。
• 手順4
  圧縮後のコードをコピーしてJavascriptファイルやHTMLファイル等に貼り付けて使用する。