なぜ Squoosh は他のすべてのオンライン画像圧縮ツールより優れているのか

· nologin.tools
tools review browser open-source

Hero image

オンライン画像圧縮ツールのほとんどは、同じ仕組みで動いています。ファイルをアップロードし、サーバー側で圧縮処理を行い、圧縮後のファイルが返ってくるというものです。シンプルに聞こえますが、それは商品写真やクライアントの素材、機密性の高いデザイン案といった画像が、一定時間にわたって見知らぬサーバーに保存されることを意味します。そのサービスのデータ保持ポリシーや、セキュリティ対策を信頼する必要があります。

Squoosh はまったく異なるアプローチを取っています。すべての圧縮処理がブラウザのタブ内で完結し、データは一切外部に送信されません。それにもかかわらず、完全にクライアントサイドで動作しながら、多くのサーバーベースのツールよりも小さなファイルを生成します。

仕組みの詳細:なぜそれが可能なのか

サーバーなしでプロ品質の圧縮を実現できる理由は、WebAssembly にあります。Google Chrome Labs が MozJPEG、OxiPNG、libwebp、libavif、JPEG XL といったコーデックをブラウザ内でネイティブに近い速度で実行できる WASM モジュールとして直接コンパイルしました。

これは Mozilla が元の JPEG エンコーダーを改良するために開発した MozJPEG そのものです。本番環境で使われている libavif そのものです。Squoosh が使っているのは JavaScript で書き直した実装ではなく、実際の圧縮ライブラリをコンパイルターゲットを変えて動かしているものです。得られる品質はコマンドラインツールと同等です。

プライバシーの観点から言えば、アップロードがないということは、サーバーも存在せず、確認すべき保持ポリシーもなく、第三者がまったく関与しないということです。圧縮したファイルがデバイスの外に出ることはありません。これはマーケティング上の主張ではなく、ツールの仕組みから導かれる技術的な必然です。

対応フォーマット(そしてなぜ重要なのか)

ここが Squoosh がシンプルなツールに差をつける部分です。多くのオンライン圧縮ツールは JPEG と PNG に対応し、一部は WebP にも対応しています。Squoosh が対応しているのは以下の通りです。

フォーマットエンコーダー最適な用途
JPEGMozJPEG写真、高色彩の画像
PNGOxiPNGスクリーンショット、透明度を含む画像
WebPlibwebpWeb 画像、ブラウザ対応が広い
AVIFlibavif最新ブラウザ、最高の圧縮率
JPEG XLjxl次世代フォーマット、優れた品質
WebP2試験的研究・テスト用途のみ

AVIF については理解しておく価値があります。AV1 動画コーデックから派生したフォーマットで、同等の視覚品質において WebP より 20〜50%、JPEG より 50% 以上小さなファイルを生成します。Google の AVIF に関する調査では、大多数の画像種別において他のフォーマットを上回る結果が示されています。現在は Chrome、Firefox、Safari、Edge すべてで対応済みのため、本番環境でも今すぐ使用できます。

Squoosh を使えば、何もインストールせずに AVIF への変換が可能です。TinyPNG は AVIF に対応していません。Convertio は対応していますが、サーバーへのアップロードが必要です。手元に置いておきたい画像を扱う場合、この違いは重要になってきます。

並べて比較できる機能:他にはない強み

Squoosh の最大の強みは、コーデックの豊富さではありません。比較用のスライダーです。

Squoosh で画像を開くと、分割表示が現れます。片側が元の画像、もう片側が圧縮後の結果です。中央の仕切りを左右に動かして比較できます。品質設定を調整するとファイルサイズがリアルタイムで更新されます。どの時点で圧縮のアーティファクトが現れ始めるかを目で確認しながら、消えるまで品質スライダーを戻すことができます。

シンプルに聞こえますし、実際シンプルです。しかし他のログイン不要の画像ツールで、これほど使いやすく実現しているものはありません。TinyPNG は品質の制御なしに自動圧縮するため、結果は出力されたものそのままです。Convertio は数値で品質を指定できますが、視覚的なフィードバックはありません。Squoosh はトレードオフをリアルタイムで見せてくれるため、数字を当て推量するのではなく、根拠のある判断ができます。

ファイルサイズは絶対値(たとえば「1.2 MB → 340 KB」)と削減率の両方で表示されます。「最適化済み!」ではなく、意思決定に必要な実際の数値が示されます。

よく使われる代替ツールとの比較

Web プロジェクト向けに画像を圧縮する際によく挙がるのが、TinyPNG、Convertio、iLoveIMG などのサービスです。いずれもファイルのアップロードが必要で、無料プランにはファイルサイズの上限があり、多くは利用回数の制限もあります。

TinyPNG は高速で PNG と JPEG の処理品質も良好ですが、独自の圧縮アルゴリズムを使用しており品質の制御は公開されていません。無料版は月 20 ファイルまでで、AVIF や JPEG XL には対応していません。ファイルはオランダにあるサーバーに送信されます。

Convertio は幅広いフォーマットに対応しており、形式変換の用途では非常に便利です。ただし無料アカウントは 1 日 10 回、ファイルサイズは 100 MB までに制限されています。変換はサーバーサイドで処理されますが、機密性のないファイルであれば問題ありません。

Squoosh にはファイルサイズの制限も、変換回数の上限も、アカウント登録も必要ありません。「無料プラン」という概念自体が存在しません。維持費のかかるサーバーインフラが存在しないためです。唯一の制約はブラウザのメモリで、非常に大きな画像(5000 万画素超の RAW ファイルなど)を扱う場合に影響が出ることがあります。

Squoosh の弱点は、一度に 1 ファイルしか処理できない点です。一度のセッションで商品画像を 200 枚圧縮する必要があるなら、Web インターフェースは適していません。一括処理には Squoosh CLI が解決策となります。npm パッケージとして提供されており(npx @squoosh/cli)、Web UI と同じエンコーダーをサポートしています。

オープンソースであることの意味

Squoosh は Apache 2.0 ライセンスで GitHub 上にオープンソースとして公開されています。コードベースは公開され、圧縮はローカルで行われ、Google Chrome Labs が WebAssembly の可能性を示すショーケースとしてメンテナンスを続けています。

これにはいくつかの意味があります。ファイルに対して予期しない処理が行われていないことを確認できます。サーバーが存在しないため、隠すべきものが何もありません。独自のインスタンスをホストすることも可能です。またプロジェクトがオープンソースであることで、WASM コーデック実装の改善をコミュニティが検証できます。

WebAssembly を使ったブラウザベースのツールについてさらに知りたい方には、Datasette Lite も参考になります。ブラウザのタブ内で動作する完全な SQLite データベースです。WASM の流れは注目に値します。以前は存在し得なかったログイン不要ツールの一分野を可能にしつつあります。

Squoosh を使うべき場面とそうでない場面

以下のような場合は Squoosh が適切な選択肢です。

  • どこにもアップロードしたくない写真や画像を扱っている場合
  • ソフトウェアをインストールせずに AVIF や JPEG XL へのエンコードが必要な場合
  • ダウンロード前に品質とサイズのトレードオフを視覚的に確認したい場合
  • ファイルサイズを可能な限り小さくしたい場合

一括処理には Squoosh CLI が答えです。画像以外の形式変換(文書、音声、動画)については Convertio の方が幅広く対応しています。SVG に特化した最適化であれば、SVGOMG がブラウザ内でローカル動作し、Squoosh より優れた結果を出します。

Squoosh が唯一の選択肢となる場面があります。1 枚の高品質な画像があり、圧縮品質を重視し、ファイルをコンピューターの外に出したくない場合です。クライアントへの送付前の商品撮影、医療画像、個人写真、画像形式になった法的書類など。こうした場合に、ファイルをサイズ変更するためだけに第三者サービスにアップロードするのは割に合わない選択です。

ファイルを尊重するツール

多くのログイン不要ツールが「ログイン不要」なのは、アカウントが必要になるほど複雑でないからです。Squoosh は違います。技術的にはアカウントとサーバーインフラを必要とする構成にすることも十分可能でしたが、クライアントサイドで動作するよう意図的に設計されています。これは制約ではなく、設計上の選択です。

Web はバックエンドサーバーに依存せずに本物のソフトウェアを動かす能力をますます高めています。Squoosh は 2018 年からそれを示し続けています。コーデックは改善され続け、AVIF のブラウザ対応は広がり続け、「サーバーにアップロードする」ことと「ローカルで実行する」ことの差は縮まっています。

まだ使ったことがない方は、squoosh.app が登録なしで即座に使えます。画像をドロップし、結果を比較して、書き出すだけです。このように動作するツール——アカウント不要、アップロード不要、追跡なし——をもっと探している方には、nologin.tools のディレクトリがあらゆるカテゴリーにわたって何百ものツールを掲載しています。