「画質を上げたい」と言うとき、その中身はたいてい次のどれかです。写真がざらついている、ギザギザになった、ぼやけている、色が抜けて見える、重すぎて表示に時間がかかる、あるいは保存や投稿をしたら思ったより悪くなった。それぞれに固有の原因があり、その多くは有料ツールも専門知識もなしに直せます。
この記事では、画質が落ちるよくある原因と、それぞれへの現実的な対処法を、無料のオンラインツールだけで紹介します。
画像の質が落ちる理由
直しにかかる前に、何が原因で質が落ちたのかを押さえておきましょう。よくあるのは次のような理由です。
- 画像の種類に合わない形式:ロゴやスクリーンショットをJPGで保存すると、輪郭や文字のまわりにノイズがはっきり出ます。JPGは写真のために作られた形式で、くっきりした線のあるグラフィック向けではありません。
- 圧縮のかけすぎ:ファイルを小さくしすぎると、目が気づかずにいられる限界を超えて画像データが捨てられ、特に輪郭のあたりにムラや不自然なぼけが出ます。
- 拡大のしかたが不適切:元のサイズを超えて引き伸ばすと、補間されたピクセルが作られます。ソフトが存在しないデータを「でっち上げる」ため、ぼけやギザつきが生じます。
- 保存を繰り返す:JPGを何度も保存し直すと圧縮の上に圧縮が重なり、劣化が積み上がって元に戻せなくなります。
- 元の寸法と違う大きさで表示している:400pxの画像をサイトで800pxとして表示すれば、ぼやけて見えます。ブラウザが1ピクセルを2倍に引き伸ばしているからです。
- 自動で圧縮するサービス:LINE、WhatsApp、Instagramをはじめ、多くのSNSは受け取った画像にさらに圧縮をかけます。すでに圧縮済みの画像を送れば、劣化が二重にかかります。
💡 大前提:非可逆圧縮(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またはWebP | SVG以外でアルファチャンネルを持つのはこの2つだけ |
| メール配信用の画像 | JPGまたはPNG | メールソフトでの対応がもっとも広い |
ImageToolsの変換ツールなら、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に無理のない圧縮をかけます。前後のファイルサイズを見比べたうえで、納得できたときだけダウンロードできます。
方法3 — 実際に表示する寸法に合わせてリサイズする
元の寸法と違う大きさで表示される画像は、必ず質を落とします。しかも、原因によって落ち方は正反対です。
表示領域より小さい画像(ギザつき)
400×400pxの画像をサイト上の800×800pxの枠で表示すると、ブラウザは1ピクセルを2倍に引き伸ばします。結果が、あの特有のギザつきです。輪郭が階段状になり、不自然にぼけ、四角っぽく見えます。正しい対処は、表示領域に見合った解像度の画像を用意することです。小さい画像を引き伸ばしても、はじめから大きい画像を使ったときの質には決してなりません。
表示領域より大きい画像(むだと、わずかなぼけ)
3000pxの画像をサイト上の600pxの枠で表示すると、通信量がむだになります。ブラウザは3000px分をダウンロードし、その8割を捨てるからです。しかも場合によっては、表示サイズちょうどで書き出した同じ画像より、わずかに甘く見えることがあります。ソフトによる縮小が、つねに理想的な結果になるとは限らないためです。
2倍という目安
AppleのRetinaディスプレイや他社のHiDPIディスプレイでギザつかせないためには、表示寸法の2倍の画像を使います。幅600pxの枠なら1200pxの画像です。WebPで圧縮すればファイルサイズも無理のない範囲に収まり、どの画面でもくっきり見えます。
どこかにアップロードする前に、ImageToolsのサイズ変更ツールでピクセル単位の寸法を指定しておきましょう。元の縦横比を保つことも、変えることもできます。
方法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サイトなら純白、資料ならブランドカラー、デザインに使うなら透明のままでも構いません。
画像を仕上げるまでの一連の流れ
5つの方法を順に組み合わせれば、画質が落ちる主な原因はひととおり潰せて、どんな用途にも技術的に正しい画像を用意できます。
- 手元でいちばん高画質な元ファイルから始めます。圧縮済みのものからやり直してはいけません。カメラがRAWで保存しているなら、最適化にかかる前に最高画質で書き出しておきます。
- 必要なら背景を取り除きます(背景を削除)— 商品写真やスキャンしたロゴでは特に効果があります。
- 実際に表示する寸法に合わせてリサイズします(サイズ変更)— Retinaディスプレイに備えても、表示領域の2倍までで十分です。
- 適した形式に変換します(変換)— ウェブならWebP、ロゴや文字入りの画像ならPNG、WebPが使えない印刷用途ならJPGです。
- ほどよく圧縮します(圧縮)— 写真は75〜85%、PNGやロゴは可逆圧縮で。
専用のAIツールがないとできないこと
できることの限界もはっきりさせておきます。次のような場面では、現在のImageToolsの範囲を超えたAIの超解像ツールが必要です。
- ファイルに存在しないディテールを取り戻すこと:ピンボケで撮った写真や極端に解像度の低い写真では、どんな圧縮や形式変換もくっきり感を「でっち上げて」はくれません。この場合、まともな結果が出せるのは画像復元用に学習したAIだけです。
- ごく小さい画像を劣化なしで拡大すること:200pxの画像をぼかさずに2000pxまで引き伸ばすには、単なるリサイズではなくAIの超解像アルゴリズムが必要です。
- カメラのノイズ(ざらつき)を取り除くこと:高感度で撮った写真のデジタルノイズは、形式を変えても消えません。専用のノイズ除去ツールが要ります。
こうした場合は、Upscale.media、PicWish、あるいはAIノイズ除去を備えたLightroomといったツールが適しています。とはいえ、日常のほとんどの場面——形式の選び間違い、圧縮のかけすぎ、不適切なリサイズで質が落ちた画像——は、この記事の方法で無料で解決できます。