画像の容量を減らす方法：WebP・PNG・JPEGの比較

ピクセルサイズとファイル容量は異なります

水平画素と垂直画素は画像の解像度であり、KB・MBは保存されたデータ量です。たとえば、2000×1000の画像を比率を維持し、幅1000に縮小すると1000×500になります。ピクセル数は200万個から50万個に減りますが、ファイル容量まで正確に4分の1になるわけではありません。

ファイル形式、圧縮設定、色、詳細パターンの保存方法も容量に影響します。表示するサイズより大きすぎるファイルを書き込んでいる場合は、まず出力幅を小さくして比較してください。ズームはピクセル数を増やし、元にはなかった詳細を復元しません。

WebP・PNG・JPEG比較

参考資料： MDN画像フォーマットガイド

参考資料： Google WebP ガイド

最初に写真をアップロードするサービスがどのような形式を受けているかを確認してください。 ToolzipではPNG・JPEG・WebPで保存できますが、配信するサイトやアプリのアップロード条件まで変更することはできません。

ToolzipのWebP保存はブラウザのCanvasエンコーダを使用します。 WebP形式がロスレスをサポートするという事実と、このツールがロスレスモードを選択する機能を提供するという言葉は異なります。現在、ツールにはWebPロスレスモード選択はありません。

容量を減らす3つの段階

1. 原稿をアーカイブして出力幅を設定します。公開する場所で必要なサイズから確認してください。
2. 透明度を維持する必要がある場合は、PNGまたはWebPを比較します。 ToolzipでJPEGを選択すると、透明領域は白で塗りつぶされます。
3. JPEG・WebPは品質を変えて保存し、ダウンロードしたファイルサイズと画面の文字・輪郭を一緒に確認します。

Toolzipの初期品質値は85です。これは、85％の画質を保証するという意味ではなく、エンコーダに渡す設定値です。低く保存したファイルが実際の目的に十分であるかどうかを元のものと比較してください。すべての画像に適した1つの最適品質値は提示できません。

PNGを選択すると、このツールの品質値は圧縮品質の調整には使用されません。 PNG容量を減らしたい場合は、出力幅を調整するか、透明度と鮮明度を確認し、WebP結果と比較してください。

参考資料： MDN Canvas toBlobのqualityパラメータ

変換結果を比較する基準

PNGとして保存したとすでに失われた詳細が復活するわけではありません。すでに圧縮されているJPEGをPNGとして保存すると、新しい損失圧縮を回避できますが、以前のJPEG圧縮から消えた情報を復元することはできません。サイズや形式を変更するたびに元から始めると、比較基準を維持しやすくなります。

Toolzipイメージコンバータのサポート範囲

入力は20MB以下、2,500万ピクセル以下のPNG・JPEG・WebPです。出力幅は1〜8,192pxで、高さも8,192px以下、合計2,500万ピクセル以下に制限します。高さは元の比率で計算されます。品質入力範囲は10〜100です。

Canvasで新しい画像を作成する方法なので、EXIFなど元のメタデータの保存を保証しません。アニメーションをそのまま保存する機能もありません。写真はブラウザで処理され、変換ファイルは別々にダウンロードされます。

よくある質問