言語選択

画像をブラウザで圧縮|高画質を保ちながらファイルサイズを削減

ブラウザ上で画像を圧縮。WebP/JPEG出力、画質調整可能、元のサイズを維持。透明部分も対応。

Mehmet Demiray 公開日 更新日
共有
ブラウザ内で圧縮され、アップロードは一切行われません
1~100。写真なら80で十分きれいに見えます。数値を下げるとさらにファイルサイズが小さくなります
WebPはファイルサイズが最も小さく、透明部分も保持されます。JPEGでは透明部分は白になります

画像の表示サイズも大きすぎる場合は、まずリサイズすると、圧縮だけよりもずっとファイルサイズを小さくできます。

画像圧縮の仕組みをやさしく解説

画像圧縮は、画像ファイルに含まれる「人間の目にはあまり重要でない情報」を削ることで、ファイルサイズを小さくする技術です。たとえば、写真には隣り合うピクセル同士が似た色をしている部分が多くあります。画像圧縮ツール「画像圧縮」は、こうした冗長な情報をまとめたり、細かな色の違いをあえて省略したりすることで、見た目の変化を最小限に抑えつつ、ファイルを軽くします。この方式は「可逆圧縮(ロスレス)」ではなく「非可逆圧縮(ロッシー)」と呼ばれ、元のデータは完全には復元できません。ただし、写真のような自然な画像は、多少の情報損失があっても人間の目にはほとんど違いが分かりません。一方で、ロゴや図表など、エッジがシャープで色の境界が明確な画像は、圧縮によるノイズやぼやけが目立ちやすくなります。品質設定を80%程度に保てば、多くの写真では十分に自然な見た目を維持できます。圧縮後の画像の解像度(ピクセル数)は元とまったく同じなので、表示サイズが変わる心配はありません。画質をさらに落としたい場合は、画像のリサイズと組み合わせると、より大きなファイル削減が可能です。

画質設定の選び方:80がおすすめの理由

「画像圧縮」の画質スライダーは1から100まで選べますが、実際にはどの値を選ぶべきでしょうか。一般的な写真の場合、80%が最適なバランス点です。この設定なら、ファイルサイズは元の60%~70%程度になりながらも、肉眼で見ても画質の劣化はほとんど気になりません。たとえば、スマートフォンで撮影した4 MBの写真が、1.2 MB程度まで軽くなることも珍しくありません。画質を90%以上にしても、ファイルサイズの削減効果は急激に小さくなります。たとえば、95%にしても80%と比べてファイルサイズはわずか10%~15%しか増えないのに、画質の改善はほとんど感じられません。逆に、SNS投稿やメール添付など、画質よりも容量を優先したい場面では、60%~70%でも十分です。ただし、画質100%は「完全無劣化」ではありません。JPEGやWebPはそもそもロッシー形式のため、100%でもわずかな情報損失があります。すでに高圧縮された画像を再度圧縮すると、かえってファイルが大きくなることもあります。その場合は、元の画像を使うか、画質を下げて再試行してください。

WebPとJPEG:どちらを選ぶべき?

「画像圧縮」では、出力形式としてWebPとJPEGを選べます。WebPは比較的新しい形式で、同じ画質ならJPEGより平均で25%~35%小さいファイルになります。特に写真やグラデーションが多い画像ではその差が顕著です。また、WebPは透明な背景(アルファチャンネル)をそのまま保持できるため、ロゴやアイコンに最適です。一方、JPEGは透明部分を白で塗りつぶしてしまうため、背景透過が必要な場合は不向きです。ただし、JPEGの最大のメリットは互換性の高さです。古いソフトウェアや一部のプリンター、業務用システムでは、まだWebPに対応していないことがあります。そのため、汎用性を重視する場合や、相手がどのような環境で見るか分からない場合はJPEGを選ぶのが無難です。現代のウェブブラウザ(Chrome、Firefox、Edge、Safari最新版)はほぼすべてWebPをサポートしているため、ウェブ向けの画像ならWebPを推奨します。メール添付やLINEでの共有でも、最近のスマホなら問題なく表示できます。迷ったときはWebPで試し、相手が開けないようならJPEGで再圧縮するのが効率的です。

圧縮とリサイズの違いと使い分け

画像を軽くしたいとき、「圧縮」と「リサイズ」はよく混同されますが、まったく異なる処理です。「画像圧縮」はピクセル数(解像度)を変えずに、各ピクセルの情報を効率化してファイルサイズを減らします。つまり、表示サイズは元と同じまま、内部データが軽くなるのです。一方、リサイズは画像の幅・高さそのものを小さくする処理で、ピクセル数が減るため、拡大表示するとぼやけてしまいます。たとえば、4000 pixel×3000 pixelの写真をブログに使う場合、実際の表示サイズが800 pixel幅なら、まず画像をリサイズしてから圧縮すると、ファイルサイズを劇的に削減できます。圧縮だけだと1.5 MBのところ、リサイズ+圧縮で150 kB以下になることも珍しくありません。逆に、印刷や高精細ディスプレイ向けに元の解像度を維持したい場合は、圧縮のみを使います。また、低解像度の画像を大きく見せたい場合は、AI画像アップスケーラーを使って画質を補完しつつ拡大できます。目的に応じて、圧縮とリサイズを戦略的に組み合わせることが、最適なファイルサイズと画質の両立につながります。

プライバシーと制限:あなたの画像はどこにも送られません

「画像圧縮」は、あなたの端末のブラウザ内で完結する処理です。画像をアップロードすることもなく、サーバーに送信されることも一切ありません。これは、画像がインターネット上を移動しないため、第三者に見られるリスクがゼロであることを意味します。個人情報が含まれる証明写真や、社内資料のスクリーンショットなど、機密性の高い画像でも安心して使えます。また、アカウント登録やメールアドレスの入力も不要で、広告やウォーターマークも付きません。なぜこのような仕組みが可能なのかというと、圧縮処理をすべてJavaScriptでブラウザ上で実行しているからです。そのため、ファイルサイズの上限も設けていません。ただし、端末のメモリ(RAM)容量には物理的な制限があるため、極端に大きい画像(例:100 MB以上のRAWデータ)を処理しようとすると、ブラウザが応答しなくなる可能性があります。通常のJPEGやPNG(10 MB以下)なら、ほとんどのスマートフォンやパソコンで問題なく処理できます。もし処理に失敗した場合は、まず画像を小さくリサイズしてから再度試すとよいでしょう。あなたのデータは常にあなたの端末の中に留まります。

最もよくいただく質問

画像を圧縮しても画質は落ちないですか?

完全に画質を維持した圧縮(可逆圧縮)はできませんが、品質スライダーを80以上に設定すれば、人間の目にはほとんど違いが分からないほど自然な仕上がりになります。特に写真の場合は、高品質設定でもファイルサイズを大幅に削減できます。

アップロード上限のあるフォームで使うために、画像を[unit=200,kilobyte]以下にしたいのですが?

品質スライダーを下げて何度か試してみてください。それでもサイズが大きい場合は、まず画像のリサイズで解像度を小さくすると、さらに効果的にファイルサイズを減らせます。

WebPとJPEG、どちらで保存すべきですか?

最近のブラウザやアプリならWebPがおすすめです。同じ画質でJPEGよりファイルサイズが小さく、透明部分も保持されます。ただし、古いソフトウェアとの互換性が必要な場合はJPEGを選んでください(その場合、透明部分は白背景になります)。

圧縮後にファイルサイズが逆に大きくなってしまいました。なぜですか?

元の画像がすでに高効率で圧縮されていたり、品質設定を高くしすぎたりすると、再エンコードによってファイルが大きくなることがあります。その場合は、品質スライダーを下げて再度試すか、元のファイルを使い続けて問題ありません。

このツールを使うのに会員登録やログインは必要ですか?

いいえ、一切不要です。画像圧縮はすべてあなたの端末内で処理されるため、アカウントもメールアドレスも必要ありません。すぐに使えます。

画像のサイズ(縦横のピクセル数)は変わりますか?

変わりません。圧縮しても画像の寸法はそのままです。もし画像が大きすぎて表示やアップロードに支障がある場合は、画像のリサイズと併用すると、ファイルサイズと解像度の両方を調整できます。

私の写真はどこかにアップロードされますか?

されません。画像圧縮はすべてブラウザ上で完結し、インターネットを経由しません。プライバシーを気にせず安心して使えます。

参考文献

  1. An image format for the Web (WebP) · Google Developers
  2. Lossy compression · Wikipedia
  3. JPEG · Wikipedia