オンラインで画像圧縮 — 無料でファイルサイズ削減

画像圧縮とは

圧縮は画像を保存するのに必要なバイト数を減らします。可逆圧縮はすべてのピクセルを正確に同じに保ち、非可逆圧縮は通常気づきにくい細部を除きます。JPG、WebP、AVIF は写真ファイルを PNG よりはるかに小さくできるため、しばしば非可逆モードで使われます。

目標はどんな代償を払ってでも可能な限り小さい数字を追うことではありません。目標は、最終用途にまだ良く見える最小のファイルを見つけることです。ヒーロー画像、製品写真、小さなサムネイルはそれぞれ異なる許容品質水準を持ちます。

ブラウザ内のキャンバス圧縮

PhotoTools はファイルをデコードし、キャンバスに描画し、選んだ形式と品質で新しいファイルを書き出すことで画像を圧縮します。この方法はブラウザ内でローカルに動き、元の画像のアップロードを必要としません。ブラウザのエンコーダが JPG、WebP、AVIF データの書き込みの技術的詳細を扱います。

キャンバスの書き出しはまた、ほとんどのメタデータを削除します。GPS 座標、カメラモデル、タイムスタンプ、編集ソフトのメモは通常新しいファイルにコピーされません。これにより圧縮は性能とプライバシーの両方に役立ちます。

JPG、WebP、AVIF の選択

JPG は互換性の形式です。ほぼどこでも動き、メール、フォーム、古いシステムに安全な選択であり続けます。WebP は同じ見た目の品質で通常 JPG より小さく、ウェブサイトに強い選択です。AVIF はしばしば最小のファイルを作りますが、エンコードが遅いことがあり、非常に古いブラウザは対応しないかもしれません。

ウェブプロジェクトには WebP が実用的な既定値です。配信環境を制御し最大の節約が欲しいときは AVIF を使います。出力が、画像処理が古いものも含めどんなサービスにも受け入れられる必要があるときは JPG を使います。

品質スライダーの戦略

ウェブ写真は 80 前後から始めてください。画像にテキスト、顔、階調、重要な製品の細部があれば、アーティファクトが消えるまで品質を上げます。画像が小さなサムネイルや背景テクスチャなら、低い設定でも問題ないことがあります。常に人が実際に見るサイズで結果を判断してください。

圧縮アーティファクトはブロック、エッジ周りのにじみ、テクスチャの汚れ、滑らかな階調の縞として現れます。これらの問題が見えたら、品質を上げるか別の出力形式を試してください。時には、品質を下げすぎるより圧縮前に画像をサイズ変更する方が良い結果になります。

性能とプライバシーの利点

小さな画像ファイルは速く読み込まれ、モバイルデータを節約し、ストレージコストを減らします。ウェブサイトでは、画像圧縮は体感速度を改善し、ページの反応を良くします。多数の写真を扱うチームには、一括圧縮が繰り返し可能なワークフローも作ります。

PhotoTools はローカルで動くため、画像が他所にアップロードされる前にプライベートな画像に圧縮を使えます。これには第三者の変換サーバーを通すべきでない製品写真、スクリーンショット、イベント写真、個人ファイルが含まれます。

品質を損なう圧縮のミス

最大のミスは品質を唯一のファイルサイズ制御として使うことです。カメラ写真が最終表示サイズよりはるかに大きいなら、まずサイズ変更してください。良い品質で適度にサイズ変更した画像は、非常に低い品質で書き出した巨大な画像よりしばしば良く見えます。寸法、形式、品質は一緒に調整すべきです。

もう一つのミスは、間違った形式でグラフィックを圧縮することです。JPG は写真にはよく機能しますが、テキスト、線画、平坦な色のスクリーンショットをぼやけさせることがあります。UI キャプチャや図には PNG か可逆 WebP が通常良いです。宛先が対応するなら、WebP か AVIF が写真に優れます。

AdSense、SEO、ユーザー体験では、画像圧縮はストレージの節約だけではありません。特にモバイル接続で、速いページは摩擦を減らします。プライベートなブラウザベースの圧縮器は、素材が CMS、CDN、広告支援のサイトに届く前により軽い素材を準備させます。

圧縮結果を正しく読む

小さな数字が常に良い結果とは限りません。2 MB の写真が 120 KB になっても顔がろう状に見え、テキストがノイジーで、階調が縞になっていれば、ファイルは圧縮しすぎです。実際の表示サイズで出力を比較し、公開前に明らかなアーティファクトを捉えるため少しズームインしてください。

ウェブサイトの一括処理には、一つの妥当な品質目標を選び、その後エッジケースをスポットチェックしてください。空、肌、布地、製品ラベル、小さなテキストのある写真は圧縮の問題を露呈しやすいです。ブラウザ圧縮器はこの反復を速くします。すべてのテスト版をアップロードせずにローカルで設定を調整できるからです。