最終確認日 2026-06-30

圧縮方法

Canvas処理、品質探索、容量許容差、解像度低下、PNG、色、メタデータを説明します。

Canvas描画

ブラウザが原本をデコードし、計算した寸法でCanvasまたはOffscreenCanvasへ描き直します。原本を変更せず新しいラスターファイルを作ります。

品質探索

JPEGとWebPの目標容量では範囲内の品質値を試します。上限以下の結果があれば、試した中で最高の品質を選択します。

容量許容差

既定の許容差はエンコーダーの段階間で意味のない反復を減らします。完全一致を主張せず、生成された実バイト数を表示します。

  • 編集前に原本を保存します。
  • 保存後に寸法、切り抜き、透明度、容量を確認します。
  • 問題報告時に個人情報を含む原本画像を送らないでください。

解像度低下

実用的な最低品質でも大きく、自動低下を許可した場合は最小出力寸法を守りながら幅と高さを段階的に下げます。

PNGの特性

一般的なブラウザのPNG保存は無損失で、JPEGのような品質調整を提供しません。PNGは寸法縮小や別形式への変換が必要な場合があります。

色・メタデータ・ブラウザ差

Canvas出力は通常メタデータを削除し、ブラウザのsRGB中心処理で色を正規化する場合があります。コーデックと色は環境により異なります。

ブラウザ画像編集ツールを使う

正確な寸法、目標容量、一括設定を自分の画像へ適用できます。

画像リサイズを開く