GoogleChromeLabs/squoosh

これは何？

主な機能

• 01画像をサーバーにアップロードせず、ブラウザ内で圧縮できます。
• 02元画像と圧縮後の画像を並べて比較できます。
• 03複数の画像形式とコーデックに対応しています。
• 04Progressive Web Appとしてインストールできます。
• 05Apache-2.0ライセンスのオープンソースソフトウェアです。

ユースケース

• Webサイトやブログに掲載する前に、画像のファイルサイズを小さくする。
• サードパーティのサービスに送信せず、メールやメッセージ用の写真を圧縮する。
• コーデックや品質設定によって画像サイズがどう変わるかを試す。

クイックスタート

1. 1

   リポジトリをクローンする

2. 2

   Node.jsのパッケージをインストールする

   npm install
3. 3

   アプリをビルドする

   npm run build
4. 4

   開発サーバーを起動する

   npm run dev

使う前に知っておきたいこと

• !ローカルで圧縮していても、Google Analyticsは訪問者データと画像サイズの値を収集します。

トピック

よくある質問

squoosh とは？

さまざまな形式の画像を、サーバーにアップロードせず端末上で圧縮できるブラウザベースの画像圧縮ツールです。 Squooshは、画像のファイルサイズを小さくするWebアプリです。ブラウザで画像を開き、コーデックと設定を選んで、保存する前に元画像と圧縮後の画像を比較できます。さまざまな画像形式とコーデックに対応しています。

squoosh は無料で使えますか？ライセンスは？

squoosh は Apache-2.0 ライセンスのオープンソースです。商用製品で使う前にライセンス条件を確認してください。

squoosh は今もメンテナンスされていますか？

活発にメンテナンス中。squoosh の最終コミットは 2026年10月22日 です。

squoosh は何に使えますか？

Webサイトやブログに掲載する前に、画像のファイルサイズを小さくする。 サードパーティのサービスに送信せず、メールやメッセージ用の写真を圧縮する。 コーデックや品質設定によって画像サイズがどう変わるかを試す。

squoosh のインストール方法は？

リポジトリをクローンする Node.jsのパッケージをインストールする: npm install アプリをビルドする: npm run build 開発サーバーを起動する: npm run dev

squoosh はどこで入手できますか？

ソースコードとインストール手順は GitHub にあります：https://github.com/GoogleChromeLabs/squoosh