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

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

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

WebP・PNG・JPEG比較

画像形式の基本特性
形式圧縮方式透明度
PNGロスレスサポート
JPEG一般的なウェブ写真の保存は損失圧縮未支援
WebP損失・ロスレスサポート

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

参考資料： Google WebP ガイド

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

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

容量を減らす3つの段階

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

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

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

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

変換結果を比較する基準

変換前後確認する項目
確認項目確認方法
容量ダウンロードしたファイルの実際のバイト・KB確認
シャープネス小文字、罫線、繰り返し柄をオリジナルと比較
透明度明るく暗い背景の上で境界を確認
出力サイズ幅と高さが投稿位置に十分であることを確認

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

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

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

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

よくある質問

WebPに変更すると、いつも容量が小さくなりますか？

いいえ。元の形式と圧縮の程度、画像の内容、出力サイズ、品質設定によって異なります。ダウンロード結果を直接比較する必要があります。

100KB以下のように目標容量を指定できますか？

現在、ツールは目標容量を調整する自動機能を提供していません。出力幅と品質を変更して保存し、実際の容量を確認してください。