「画質を上げたい」と言うとき、その中身はたいてい次のどれかです。写真がざらついている、ギザギザになった、ぼやけている、色が抜けて見える、重すぎて表示に時間がかかる、あるいは保存や投稿をしたら思ったより悪くなった。それぞれに固有の原因があり、その多くは有料ツールも専門知識もなしに直せます。

この記事では、画質が落ちるよくある原因と、それぞれへの現実的な対処法を、無料のオンラインツールだけで紹介します。

画像の質が落ちる理由

直しにかかる前に、何が原因で質が落ちたのかを押さえておきましょう。よくあるのは次のような理由です。

💡 大前提:非可逆圧縮(JPG)で失われた画質は取り戻せません。捨てられたデータは、もうファイルの中に存在しないからです。正しいやり方は、高画質の元ファイルを必ず残し、そこから毎回作業することです。同じJPGを編集して保存し直すのを繰り返してはいけません。

方法1 — 画像の種類に合った形式を使う

効果がいちばん大きいのに、いちばん見落とされているのがこれです。画像の種類に合わない形式を使っていることが、目に見える画質トラブルのかなりの部分を占めます。ロゴ、アイコン、スクリーンショット、そして文字やくっきりした輪郭を含む画像では特に顕著です。

JPG — 写真向き

JPG(JPEG)は非可逆圧縮(lossy)を使い、写真、つまり色の細かな移り変わりやグラデーション、自然な質感を含む画像で特に効率よく働きます。こうした画像なら、JPGは小さなファイルで十分きれいな見た目を保てます。

問題が出るのは、JPGが向かない画像に使ったときです。JPGの圧縮は8×8ピクセルのブロック単位で行われます。ロゴの白い背景、スクリーンショットの文字、アイコンの輪郭のように、色が一様な領域や急に切り替わる部分では、このブロックがムラや目に見えるノイズを生みます。これがJPEGノイズと呼ばれるものです。

PNG — ロゴ・アイコン・文字向き

PNGは可逆圧縮(lossless)で、データが一切捨てられません。何度保存し直しても、すべてのピクセルが元のままです。だからロゴ、アイコン、スクリーンショット、図解、そして文字やくっきりした輪郭、透明な背景を含む画像にはPNGが正解です。

難点は、写真をPNGで保存するとJPGよりかなり重くなるのに、見た目の差はほとんど出ないことです。写真に含まれる種類の変化に対して、可逆圧縮は効率がよくないからです。

WebP — 両方のいいとこ取り

WebPは非可逆圧縮(写真向き)と可逆圧縮(グラフィック向き)の両方に対応し、同等かそれ以上の見た目のまま、JPGやPNGより25〜35%小さいファイルを作れます。2026年時点でブラウザの対応率は97%を超えており、ウェブでWebPを避ける技術的な理由はもうありません。

画像の種類おすすめの形式理由
写真(商品・バナー・ブログ)WebP(非可逆)またはJPG効率よく圧縮でき、見た目も良い
ロゴ・アイコン・ベクターイラストSVGまたはPNGどんな大きさにしても劣化しない
文字入りのスクリーンショットWebP(可逆)またはPNG文字がくっきり。JPGでは文字のまわりにノイズが出る
背景が透明な画像PNGまたはWebPSVG以外でアルファチャンネルを持つのはこの2つだけ
メール配信用の画像JPGまたはPNGメールソフトでの対応がもっとも広い

ImageToolsの変換ツールなら、JPG・PNG・WebPの相互変換をブラウザ内で完結できます。ファイルが外部のサーバーに送られることはありません。

今すぐ適した形式に変換

JPG・PNG・WebPの変換をブラウザで無料で。登録不要、サイズ制限なし。

無料で画像を変換

方法2 — 力任せではなく、賢く圧縮する

「保存する前まではきれいだったのに」という画質低下の原因として、圧縮のかけすぎが最も多いものです。よくある失敗は、JPGの品質を70%より下げてしまうこと。ここを下回ると、特にグラデーションや輪郭にノイズが見えはじめます。

画質とサイズの、ちょうどいい着地点

ウェブで使うJPG写真なら、品質75〜85%がちょうどいい範囲です。ファイルは元よりかなり軽くなり、見た目の差はほぼ分かりません。70%を下回るとノイズが出はじめ、90%を超えるとファイルだけが急に重くなって、見た目はそれほど良くなりません。

JPGの品質おおよその軽量化見た目向いている用途
90–95%小さい(2〜3分の1)非常に良い印刷、作品集
80–85%大きい(4〜6分の1)とても良い。差はほぼ分からない商品写真、ブログ、サイト
70–75%かなり大きい(6〜10分の1)画面で見るには十分SNS、サムネイル
60%未満極端に大きいノイズが目に見える避ける

PNGの圧縮

PNGは可逆圧縮です。厳密にいえば、PNGを圧縮しても画像データは捨てられず、並べ方がより効率的になるだけです。最近のツールなら、1600万色すべてを必要としない画像に対してパレットを減らすなどの手法で、見た目を変えずにPNGを40〜70%軽くできます。

ImageToolsの圧縮ツールは、JPG・PNG・WebPに無理のない圧縮をかけます。前後のファイルサイズを見比べたうえで、納得できたときだけダウンロードできます。

見た目を変えずに圧縮

画面上では差が分からないまま、画像を軽くできます。JPG・PNG・WebPに対応。

無料で画像を圧縮

方法3 — 実際に表示する寸法に合わせてリサイズする

元の寸法と違う大きさで表示される画像は、必ず質を落とします。しかも、原因によって落ち方は正反対です。

表示領域より小さい画像(ギザつき)

400×400pxの画像をサイト上の800×800pxの枠で表示すると、ブラウザは1ピクセルを2倍に引き伸ばします。結果が、あの特有のギザつきです。輪郭が階段状になり、不自然にぼけ、四角っぽく見えます。正しい対処は、表示領域に見合った解像度の画像を用意することです。小さい画像を引き伸ばしても、はじめから大きい画像を使ったときの質には決してなりません。

表示領域より大きい画像(むだと、わずかなぼけ)

3000pxの画像をサイト上の600pxの枠で表示すると、通信量がむだになります。ブラウザは3000px分をダウンロードし、その8割を捨てるからです。しかも場合によっては、表示サイズちょうどで書き出した同じ画像より、わずかに甘く見えることがあります。ソフトによる縮小が、つねに理想的な結果になるとは限らないためです。

2倍という目安

AppleのRetinaディスプレイや他社のHiDPIディスプレイでギザつかせないためには、表示寸法の2倍の画像を使います。幅600pxの枠なら1200pxの画像です。WebPで圧縮すればファイルサイズも無理のない範囲に収まり、どの画面でもくっきり見えます。

どこかにアップロードする前に、ImageToolsのサイズ変更ツールでピクセル単位の寸法を指定しておきましょう。元の縦横比を保つことも、変えることもできます。

ちょうどいい寸法にリサイズ

幅と高さをピクセル単位で正確に指定できます。JPG・PNG・WebPに対応。

無料で画像をリサイズ

方法4 — WebPに変換して、軽さと画質を両立する

いまウェブで使える形式の中で、見た目とファイルサイズのバランスがもっとも良いのがWebPです。Googleが開発したもので、JPGやPNGより新しい圧縮アルゴリズムを使い、見た目は同等のまま25〜35%小さいファイルを作れます。

具体的には、JPGで500 KBある商品写真が、WebPなら画面上で見分けのつかない見た目のまま320〜350 KBほどに収まります。PNGで80 KBのロゴ画像も、可逆のWebPなら50 KBまで下がります。

WebPの差が見た目にはっきり出る場面

違いがいちばん分かりやすいのは、JPGですでにノイズが見えはじめている圧縮済みの写真です。強く圧縮する前の元ファイルをWebPに変換すれば、たいてい同じ見た目のままずっと強く圧縮できます。コーデックの効率が良く、同じ削減率でも目に見えるノイズが少ないからです。

🔄 理想的な流れ:手元でいちばん高画質な元ファイルから始める → 表示サイズに合わせてリサイズする → WebPに変換する → 圧縮する。この順番なら、各工程がつねに最良の素材を受け取ることになり、劣化が積み重なりません。

方法5 — 印象を下げる汚れた背景を取り除く

白い背景のつもりでも少しグレーがかっていたり、影がまだらだったり、余計な映り込みがあったりすると、写真そのものは技術的に問題なくても安っぽく見えます。質の印象は背景に大きく左右されます。背景がすっきりしているだけで、写真本体に手を加えなくても商品はくっきり見えるものです。

ImageToolsの背景を削除ツールは、商品写真、スキャンしたロゴ、背景が一様な画像から、AIが自動で背景を取り除きます。書き出されるのは背景透過のPNGなので、好きな背景に載せられます。ECサイトなら純白、資料ならブランドカラー、デザインに使うなら透明のままでも構いません。

汚れた背景を数秒で取り除く

背景透過のPNGで書き出し。登録不要、ウォーターマークなし。

無料で背景を削除

画像を仕上げるまでの一連の流れ

5つの方法を順に組み合わせれば、画質が落ちる主な原因はひととおり潰せて、どんな用途にも技術的に正しい画像を用意できます。

  1. 手元でいちばん高画質な元ファイルから始めます。圧縮済みのものからやり直してはいけません。カメラがRAWで保存しているなら、最適化にかかる前に最高画質で書き出しておきます。
  2. 必要なら背景を取り除きます背景を削除)— 商品写真やスキャンしたロゴでは特に効果があります。
  3. 実際に表示する寸法に合わせてリサイズしますサイズ変更)— Retinaディスプレイに備えても、表示領域の2倍までで十分です。
  4. 適した形式に変換します変換)— ウェブならWebP、ロゴや文字入りの画像ならPNG、WebPが使えない印刷用途ならJPGです。
  5. ほどよく圧縮します圧縮)— 写真は75〜85%、PNGやロゴは可逆圧縮で。

専用のAIツールがないとできないこと

できることの限界もはっきりさせておきます。次のような場面では、現在のImageToolsの範囲を超えたAIの超解像ツールが必要です。

こうした場合は、Upscale.media、PicWish、あるいはAIノイズ除去を備えたLightroomといったツールが適しています。とはいえ、日常のほとんどの場面——形式の選び間違い、圧縮のかけすぎ、不適切なリサイズで質が落ちた画像——は、この記事の方法で無料で解決できます。

よくある質問

拡大したら画像がギザギザになったのはなぜですか?
ラスター画像(JPG・PNG・WebP)は、大きさの決まったピクセルの集まりでできています。元のサイズを超えて拡大すると、ソフトは存在しないピクセルを作らざるを得ず、隣り合うピクセルを混ぜて補間します。その結果がぼけとギザつきです。本当の解決策は、より高い解像度の元ファイルを用意するか、AIの超解像ツールを使うかのどちらかです。ロゴやアイコンなら、どんな大きさにしてもギザつかないベクター形式のSVGを使いましょう。
きれいだった画像が保存したら悪くなりました。何が起きたのですか?
低い品質設定でJPG保存したか、すでに圧縮済みのJPGをさらに保存して圧縮を重ねてしまったのでしょう。JPGは非可逆な形式で、保存のたびにデータが永久に捨てられます。防ぐには、元ファイルをPNGか編集ソフトのネイティブ形式(PSD、AIなど)で必ず保管し、JPGへの書き出しは最後に一度だけ、品質80〜90%で行うことです。
画質の面でWebPはJPGより優れていますか?
見た目が同じ品質なら、WebPのほうがファイルは小さくなります。裏を返せば、同じファイルサイズならWebPのほうが多くの情報を持てて、より良い見た目になるということです。ただし通常の使い方では、その差はごくわずかです。WebPの本当の利点は効率で、同じ見た目のままファイルが25〜35%軽くなり、見栄えを損なわずにページの表示が速くなります。
パソコンではきれいなのに、スマートフォンだと粗く見えるのはなぜですか?
最近のスマートフォンのRetinaディスプレイやHiDPIディスプレイに対して、画像の解像度が足りていない可能性が高いです。これらの画面は一般的なモニターよりピクセル密度がはるかに高く、iPhone 15は460 PPI、フルHDのモニターは約92 PPIです。普通のモニターでくっきり見える画像でも、画面側が画像の持っている以上の細かさで表示しようとするため、ぼやけて見えます。表示サイズの2倍の寸法の画像を使えば解決します。
WhatsAppで写真の画質が落ちないようにするには?
WhatsAppは「写真」として送られた画像を自動で圧縮します。圧縮せずに送るには、添付するときに「写真」ではなく「ドキュメント」を選びましょう。元のファイルがそのまま送られます。デザインやロゴのように何度も転送される画像では、これが画質を保つもっとも確実な方法です。LINEにも同様に、ファイルとして送る方法があります。
印刷用に保存するなら、どの形式がいちばん良いですか?
印刷会社に出す本格的な印刷では、300 DPIのTIFFか最高品質(90〜100%)のJPGを埋め込んだPDFが標準です。最近の印刷会社ならPNGも受け付けます。印刷用途でWebPは避けましょう。印刷ソフト側の対応がまだ限られています。印刷でいちばん大事なのは形式ではなく解像度で、仕上がりサイズのまま300 DPIあること、そして拡大していないことです。