画像コンプレッサー

このツールは、選択した品質レベルでブラウザの canvas を通して画像を再エンコードします。JPGとWebPは非可逆 — 知覚的に重要でないデータを捨ててファイルを縮小します。PNGは可逆なので、同じPNGを任意の品質で再エンコードしても視覚的内容は同じまま; PNG写真を縮小するには、代わりにJPGやWebPに変換してください。

例

入力:  1920 × 1080 写真のPNGスクリーンショット、2.4 MB
アクション: 品質 82 でJPGに変換
出力: 1920 × 1080 JPG、268 KB  (約9倍小さい、視覚的に同一)

なぜ圧縮した画像がオリジナルより大きいの?

これはしょっちゅう人を引っかけます。よくある原因、頻度順に大まかに。

• すでに圧縮済みのPNGを再エンコード。 pngquantやTinyPNGなどのツールは緊密にパックされたPNGを生成します。ブラウザcanvasのPNGエンコーダはそれに及ばず、ファイルが大きくなります。写真ならJPGかWebPに変換; PNGなら再圧縮しないこと。
• 品質をオリジナルより高く設定。 品質70でエンコードされたJPGをダウンロードして92で再圧縮すると、エンコーダにノイズだと知らないノイズを保持させているのと同じです。結果: ファイルは大きく、視覚的ゲインはなし。
• JPG → PNG変換。 PNGはすべてのピクセルを正確に保持します。写真のJPGをPNGに変換するとサイズは爆発します。写真はJPGまたはWebPで保持してください。
• 特大写真のダウンスケール忘れ。 48 MPのカメラ写真は品質80でも巨大なまま — ピクセルが単純に多すぎるからです。「指定幅より広ければダウンスケール」にチェックを入れ、2000 pxを設定 — しばしば合計10倍のサイズ削減。
• 写真でWebP可逆を使用。 ツールはデフォルトでlossy WebPを使いますが、別のツールで先に変換していた場合、写真のlossless WebPは同等のJPGより大きくなるのが普通です。

lossyとlosslessの圧縮の違いは?

Lossyフォーマット (JPG、デフォルト設定のWebP) は目が気付かない視覚情報を捨て、忠実度を犠牲に小さなファイルを得ます。Losslessフォーマット (PNG、WebP lossless) はすべてのピクセルを正確に保持します。写真はlossy圧縮で劇的に縮小; スクリーンショットやロゴはlosslessのままが良い。

なぜ圧縮後にPNGが大きくなったの?

ブラウザcanvasのPNGエンコーディングはpngquantやoxipngのような高度なフィルタやパレット最適化を適用しないため、既に最適化された小さなPNGは往復で大きくなることがあります。写真なら代わりにJPGかWebPに変換を — PNGは可逆で写真的コンテンツでlossyフォーマットには太刀打ちできません。

どの品質設定を選ぶべき?

ウェブ写真には75–85がスイートスポット — 損失はほとんど見えず、オリジナルの3–5倍小さく。ポートフォリオや印刷用途には90+を。60未満では空やグラデーションで目立つブロッキングとバンディングを覚悟してください。Mediumプリセット (75) は安全なデフォルトです。

JPGとWebP — どちらを使うべき?

WebPは同等の知覚品質でJPGよりおよそ25–35%小さいファイルを生み、現在のあらゆるブラウザがサポート。ウェブ用途にはWebPを。JPGはファイルがまだWebPを受け付けないかもしれない場所 (一部のメールクライアント、レガシーソフト、一部のソーシャルアップローダ) に向かう場合のみ選んでください。

サイズや寸法の上限は?

ツールはブラウザのメモリで動きます。非常に大きな画像 (~100メガピクセル超、~200 MB超のファイル) は低メモリ端末でデコードに失敗することがあります。「指定幅より広ければダウンスケール」を有効にして最長辺をキャップ — 巨大なカメラ写真では単発で最大のサイズ削減になることが多いです。

ここで圧縮した画像を保存しますか?

いいえ。ドロップされた元の画像も、ダウンロードされる圧縮版も保存しません。タブを閉じたり更新したりした瞬間にすべて破棄 — ログもなく、ツールを通した写真の記録は当方には残りません。追加の安心感が欲しければブラウザのDevToolsで確認できます。