ホームに戻る

画像圧縮・形式変換

画像を圧縮したり、サイズを変更したり、JPEG・PNG・WebP間で形式を変換したりできます——すべてブラウザ内で処理され、サーバーにはアップロードされません。

圧縮の実際の仕組み

画像はまずデコードされ、指定したサイズでメモリ内のキャンバスに再描画された後、ブラウザ内蔵の画像エンコーダーで目的の形式にエンコードし直されます——ネイティブアプリが使うのと同じ仕組みを、サーバーを介さずローカルで実行しているだけです。JPEGとWebPは細部とファイルサイズをトレードオフする非可逆形式なので画質スライダーがありますが、PNGは可逆形式のため画質調整はなく、ファイルサイズは解像度と画像の複雑さだけで決まります。

同じ画質であれば、WebPは通常もっとも小さいファイルサイズになり、主要なブラウザすべてでサポートされているため、互換性の理由で特にJPEGが必要でない限り既定の選択として適しています。リサイズ(最大幅の制限)は、画質スライダーだけよりもファイルサイズへの影響が大きいことがよくあります。特にスマートフォンのカメラで撮った写真は、Web表示に必要なサイズよりもはるかに大きいことが多いためです。

よくある質問

画像はどこかにアップロードされますか?

いいえ——デコード、リサイズ、再エンコードのすべての工程が、Canvas APIを使ってブラウザ内でローカルに実行されます。画像ファイルはお使いの端末から一切出ないため、プライベートな写真にも安心して使えます。

どの形式を選べばいいですか?

用途が対応していれば、良好な画質を保ちながら最小のファイルサイズになるWebPがおすすめです。写真との互換性を最優先するならJPEG。透明部分が必要な場合、またはスクリーンショットや線がくっきりした単色系のグラフィックの場合はPNGを選んでください——このような画像は非可逆圧縮だと見た目が悪化しがちです。

ファイルサイズが小さくならないのはなぜですか?

元の画像がすでに効率的に圧縮されている場合(あるいは写真にPNGを選んでしまった場合、これは通常あまり適していません)、出力結果が元より大きくなることがあります。画質スライダーを下げるか、JPEG/WebPに切り替えるか、画像の解像度が実際に必要なサイズより大きい場合は最大幅の制限を有効にしてみてください。

···