画像を高画質化する無料ツール｜ボケ補正・AI超解像に対応

画像高画質化ツールとは、小さい画像やピントの甘い写真を最大4倍まで大きくしながら、輪郭と細部を補って保存できる無料のブラウザツールです。1秒前後で終わる標準モードと、学習モデルをブラウザの中で動かすAI超解像モードを選べます。処理はすべて手元のブラウザで完結し、画像がサーバーへ送られることはありません。会員登録も不要です。

手元にある画像が小さすぎる、という場面は思ったより多く訪れます。昔のサイトから引き上げてきた商品写真が480pxしかない、SNS用に作ったバナーを印刷物にも使いたい、Retinaディスプレイ向けに2倍サイズの素材が欲しいのに元データが見つからない。そこで画像編集ソフトで拡大すると、全体がぼんやりして輪郭が甘くなり、そのまま使うには耐えないという結果になります。かといってオンラインの高画質化サービスは、写真をアップロードすることへの抵抗と、回数や解像度の制限がつきまといます。

この記事では、CodeQuest.workが公開している無料ツール「画像高画質化ツール」の使い方を、操作の流れに沿って解説します。あわせて、なぜ普通に拡大するとボケるのか、標準モードとAI超解像モードはそれぞれ何をしているのかという仕組みと、ボケ補正を掛けてはいけない写真の見分け方、画像が外へ出ていないことを自分で確かめる手順、Web制作での使いどころまでまとめました。

画像高画質化ツールとは

画像高画質化ツールは、ブラウザだけで完結する画像の拡大・補正ツールです。基本の流れは「読み込む → 倍率と処理方式を選ぶ → 比較して保存する」の3段階で、結果はブラウザ標準の拡大と左右に並べて見比べてから保存できます。インストールもアカウント作成も要りません。

似た名前のサービスと一番違うのは、画像を1バイトもサーバーに送らないことです。多くのオンライン高画質化サービスは、画像をサーバーへ送ってGPUで処理し、結果を返す構造になっています。そのため利用回数や解像度に上限があり、無料枠を超えると有料プランへ誘導されます。このツールは処理を利用者のブラウザで行うため、回数の制限も料金もなく、送った画像がどう扱われるかを気にする必要もありません。

処理方式は2つあります。標準モードは数値計算だけで拡大とボケ補正を行い、1秒前後で終わります。AI超解像モードは超解像の学習モデルをブラウザ内で実行し、時間がかかる代わりに細部の復元で上回ります。どちらも「失われた情報を無から作る」わけではないため、ひどい手ブレやピンボケが完全に元通りになることはありません。この限界は記事の中でも繰り返し触れます。

このツールでできること

設定パネルで選べる項目と、書き出せる形式は次のとおりです。

押さえておきたいのは、比較ビューの左側が「何もしなかった場合」を表している点です。左はブラウザに備わっている標準の拡大処理そのものなので、右との差がそのままこのツールの効果になります。差が見えなければ設定を変える、差が見えれば保存する、という判断がその場でできます。

サンプル画像も4枚用意してあります。手元に画像がなくても、森・湖・山の風景写真と、ピントの甘い写真を読み込んで動きを試せます。

使い方は4ステップ

1. 画像をドラッグ＆ドロップするか、枠をクリックしてファイルを選ぶ
2. 拡大倍率と処理方式を選ぶ。迷ったら標準モードの2倍から。出力サイズと所要時間の目安がその場に表示される
3. 「高画質化する」を押し、比較ビューで結果を見る。仕切り線を左右にドラッグすると、同じ場所を標準拡大と処理結果で見比べられる
4. 形式を選んで「保存」を押す

結果を見るときは、「等倍(100%)」を押して拡大表示にしてください。全体表示のままでは画像が縮小されて表示されるため、輪郭の差はほとんど分かりません。等倍にして、文字の縁や髪の毛、建物の直線のような細い部分に仕切り線を合わせると、違いがはっきり見えます。マウスホイールでさらに拡大することもできます。

標準モードの計算は別スレッド（Web Worker）で動くため、実行中もページが固まりません。進捗バーには「拡大中」「細部を復元中」「ボケ補正中」「シャープ処理中」のように、いま何をしているかが表示されます。この表示は次の章で説明する処理の順番そのものです。

なぜ普通に拡大するとボケるのか

拡大がボケる理由は単純で、拡大は情報を増やす処理ではないからです。480×320pxの画像には153,600個の画素しかありません。これを2倍にすると614,400個の画素が必要になりますが、元の画像が持っている情報は153,600個ぶんのままです。増えた分の画素は、周囲の画素から「たぶんこの色だろう」と補って埋めるしかありません。

この「補って埋める」計算を補間と呼びます。ブラウザや画像編集ソフトの標準的な拡大は、隣り合う画素の色をなめらかにつなぐ方式なので、色の境目、つまり輪郭が必ずぼやけます。輪郭とは「ここで色が急に変わる」という情報ですが、なめらかにつなぐ計算はその急な変化を薄めてしまうためです。

では高画質化ツールは何をしているのかというと、大きく2つの考え方があります。1つは、「元の画像に矛盾しない範囲で、輪郭をできるだけ急に戻す」という数値計算のアプローチで、これが標準モードです。もう1つは、「大量の写真を学習したモデルに、写真らしい細部を描かせる」アプローチで、これがAI超解像モードです。どちらも情報を無から作ることはできませんが、埋め方の賢さで見た目は大きく変わります。

標準モードが1秒でやっていること

標準モードは、4つの処理を順に掛けています。数式は使わずに、それぞれが何をしているかだけ説明します。

この中で要になるのが2番目の反復逆投影です。考え方は「正しく拡大できているなら、それを元のサイズに戻したときに元画像と一致するはずだ」という制約を使うことです。拡大結果を縮小して元画像と比べ、ズレがあればそのズレを拡大側に足し込む。これを繰り返すと、元画像の画素値そのものを手がかりにして輪郭が締まっていきます。単に輪郭を強調するシャープ処理と違い、元画像に矛盾しない方向へしか動かないのが特長です。

3番目のボケ補正だけは、初期値がオフになっています。ピントが合っている写真に掛けると逆効果になるためで、詳しくは後の章で説明します。ボケ補正がオフのとき、標準モードの所要時間は1メガピクセルあたり0.2秒程度です。1,000×1,000pxの画像を2倍にする（出力4メガピクセル）なら1秒前後で終わります。

なお、計算はすべてsRGBの値のまま行っています。画像処理の定石では「リサンプリングはリニア光で行う」とされますが、このツールの製作時に実写真の原本と突き合わせて測ったところ、リニア変換を挟むほうが一貫して原本から遠ざかりました。元画像の縮小自体がsRGB空間で行われているのが通例で、そちらに合わせたほうが原本に近づくためです。

AI超解像モードの仕組み

AI超解像モードは、超解像モデルSwin2SR（Apache-2.0ライセンス）をブラウザ内で実行します。Swin2SRは、Transformerという構造を画像の復元に応用したモデルで、圧縮された画像の超解像を目的として2022年に発表されました（Conde ほか「Swin2SR: SwinV2 Transformer for Compressed Image Super-Resolution and Restoration」arXiv 2022）。実行にはHugging FaceのTransformers.jsを使い、ライブラリとモデルはCDNから取得します。

倍率が2倍と4倍に限られるのは、モデルが倍率ごとに別物だからです。2倍には軽量版（約7.7MB）、4倍には実写真の劣化を想定して学習された版（約50MB）を使い分けています。4倍向けにモデルを選ぶ際も原本との一致度で比較し、無圧縮のPNGなら別のモデルが最良でしたが、実際に扱う写真の大半はJPEGなので、JPEG入力でブラウザ標準を上回った唯一のモデルを採用しています。

処理は次の流れで進みます。

1. 初回だけモデルをダウンロードする（以降はブラウザのキャッシュから読み込むため再取得しない）
2. 画像を256px四方のタイルに分割し、境界に16pxの余白を付けて1枚ずつモデルに渡す（余白がないとタイルのつなぎ目に段差が出る）
3. タイルごとの結果を余白を除いて貼り合わせ、1枚の画像に戻す

計算にはWebGPUを使います。WebGPUはブラウザからGPUを直接使うためのAPIで（MDN Web Docs「WebGPU API」）、これが無い環境ではCPU実行になり実用的な速度が出ないため、AIモードのボタン自体が無効になります。所要時間は入力の画素数でほぼ決まり、目安として入力1メガピクセルあたり2倍で約24秒、4倍で約90秒です。サンプル画像程度（480×320px）なら2倍で数秒、4倍で十数秒で終わります。

覚えておきたいのは、AIモードが描く細部は「学習した写真の傾向から見て、それらしい」細部だということです。元の写真にはなかった模様や質感が生成されることがあります。見栄えが目的なら問題になりませんが、証拠写真や計測画像のように「写っていたものが正確に写っている」ことが求められる用途では、標準モードを使ってください。

標準モードとAI超解像モード、どちらを選ぶか

結論から言うと、迷ったら標準モード、ピントの合った写真を4倍にするならAI超解像モードです。

この使い分けは感覚ではなく、ツール製作時の計測にもとづいています。1,600pxの写真を縮小してJPEG（品質88）で保存し、それを拡大して元の写真とどれだけ一致するかを、PSNRとSSIMという2つの指標で測りました。どちらも数値が大きいほど元の写真に近いことを意味します。

2倍では3者がほぼ並びます。失われた情報が少ないため、埋め方の差が出にくいのです。4倍になるとAI超解像がはっきり上回ります。倍率が上がって埋めるべき情報が増えるほど、「学習した写真の傾向で埋める」力が効いてくるためです。逆に言えば、2倍程度ならAIを待つ必要はなく、標準モードで十分という判断になります。

入力を無圧縮のPNGではなくJPEGにしているのは、実際に扱う写真の大半がJPEGだからです。JPEG特有の圧縮ノイズを含んだ状態で測らないと、実務で使ったときの結果とずれてしまいます。

ボケ補正の正しい使い方

ボケ補正は、このツールの中で唯一「使うと悪くなる」ケースがある設定です。初期値がオフになっているのはそのためで、次の判断基準で使ってください。

計測でも差がはっきり出ています。ぼかしたJPEG写真を2倍にする条件では、標準モードのボケ補正でPSNRが23.22dBから24.21dBへ改善しました。ところがピントの合った写真に弱い設定で掛けただけで、26.78dBから25.45dBへ低下しています。同じ処理が、写真の状態によって改善にも劣化にもなるということです。

なぜ劣化するのかというと、ボケ補正は「この画像はある強さでボケている」という仮定のもとで、そのボケを打ち消す方向に画素を動かすからです。実際にはボケていない写真に掛けると、打ち消すべきボケが存在しないぶん、JPEG圧縮で生じたわずかなノイズや粒状感を「ボケの下に隠れていた細部」と誤認して強調してしまいます。

設定の目盛りは、低い側が細かく刻まれています。ボケていない写真で弱く掛けたときの被害を小さくするためで、目盛りを上げるほど補正の強さは加速度的に増えます。ボケ補正を使うときは必ず等倍表示にして、髪の毛や文字の縁がざらついていないかを見てから保存してください。仕上げシャープはボケ補正と違い、もともと写っている情報を強調するだけの処理なので、初期値の15%前後で控えめに使うぶんには安全です。

画像がサーバーに送信されないことを自分で確かめる

「ブラウザ内で完結」という説明は多くのツールが掲げていますが、利用者の側から確かめる方法はあります。このツールで実際に試せる手順を2つ紹介します。

方法1：処理の前に通信を切る

ページを開き、画像を読み込んだあとでWi-Fiや機内モードで通信を切ってから「高画質化する」を押します。標準モードなら、通信が無くても最後まで動いて保存までできます。サーバーに送って処理する構造なら、この時点で失敗します。AIモードの場合は、モデルの取得が終わったあとに通信を切れば同じ確認ができます。

方法2：デベロッパーツールのNetworkタブを見る

Chromeなら、ページを開いた状態でF12キー（Macは Command＋Option＋I）を押してデベロッパーツールを開き、Networkタブを表示してから画像を読み込んで処理します。画像を送っていれば、画像のサイズに相当するアップロード（POSTなど）が一覧に現れます。このツールでは、処理の実行に伴って発生する通信は次のものだけです。

• AI超解像モードを使ったときの、ライブラリとモデルのダウンロード（CDNおよびHugging Faceから取得。画像は含まれない）
• AVIF形式で保存するときの、AVIFエンコーダーのダウンロード（ブラウザ標準では書き出せない形式のため）
• アクセス解析や広告など、ページ表示に伴う一般的な通信

いずれも外から取り込む方向の通信で、画像データを外へ送る通信はありません。デベロッパーツールで仮説を立てて確かめる手順は、Chrome DevToolsで仮説と検証を回す手順の記事で詳しく扱っています。

この構造は、副次的に「読み込んだ画像がどこかに保存される」心配も消します。ブラウザのタブを閉じれば処理中のデータも消え、残るのは自分で保存したファイルだけです。社外秘の資料に貼る画像や、公開前の商品写真でも安心して扱えます。

Web制作での使いどころ、使えない場面

向いている用途と向いていない用途を、Web制作の実務に寄せて整理します。

向いている場面

• Retinaディスプレイ向けの2倍素材を作る — 1倍サイズしか残っていないロゴやアイコン画像を、srcset用の2x画像として作り直す。写真ではないロゴ類は標準モードで十分
• 古いサイトから引き継いだ小さい画像を作り直す — リニューアル時に480px程度の商品写真しか残っていないケース。4倍ならAIモードの出番
• OGP画像やバナーの元素材を大きくする — 小さい素材を1,200px幅のOGP画像へ流用したいとき。作った画像はOGPプレビューツールで表示を確認できる
• 少しピントの甘い写真を締める — 標準モードのボケ補正（弱め）で、ソフトフォーカス気味の写真を実用レベルに戻す
• ECのサムネイルを拡大表示用に用意する — 一覧用の小さいサムネイルしかない商品の、詳細ページ用画像を作る

向いていない場面

• 大きく手ブレした写真 — ブレは方向を持ったボケで、このツールのボケ補正の想定外
• 文字がつぶれて読めない画像 — つぶれた文字は情報が失われており、拡大しても復元されない。それらしい形になることはあっても正確ではない
• 顔の質感を作り直したい場合 — 顔専用の補正モデルの領域で、このツールのAIは汎用の超解像
• 正確さが求められる画像 — 証拠写真・計測画像・医療画像など。AIモードは学習した傾向で細部を描くため、標準モードを使うか、そもそも拡大しない判断も要る

共通する見極め方は、「元画像に、拡大後に見せたい情報がまだ残っているか」です。残っていれば引き出せますが、残っていないものは作れません。判断に迷ったら、比較ビューの等倍表示で見て、不自然な模様やざらつきが出ていないかを確かめてから使ってください。

保存形式の選び方と、圧縮ツールとの連携

保存形式は、初期値では読み込んだ画像と同じ形式が選ばれます。用途に応じて切り替えてください。

拡大した画像は画素数が増えるぶん、ファイルサイズも大きくなります。4倍にすれば画素数は16倍です。Webサイトに載せるなら、高画質化したあとに必要な表示サイズへ縮小して圧縮する工程を挟んでください。この工程は同じくブラウザ内で完結する画像圧縮・WebP変換ツールでできます。高画質化ツールで細部を作り、圧縮ツールで配信サイズに整える、という順番です。

被写体だけを切り抜きたい場合は、AI背景透過ツールと組み合わせます。順番は「高画質化してから切り抜く」がおすすめです。小さい画像のまま切り抜くと、輪郭のギザギザも一緒に拡大されてしまうためです。

つまずきやすいポイント

AI超解像モードが選べない

お使いのブラウザでWebGPUが使えない状態です。AIモードはWebGPUを前提にしているため、対応していない環境ではボタンが無効になり、標準モードだけが使えます。ChromeやEdgeの新しいバージョン、Safari 18以降で利用できます。ブラウザを最新にしても選べない場合は、GPUの設定やハードウェアアクセラレーションが無効になっていないかを確認してください。

倍率が勝手に下がった、またはAIモードで処理できないと言われた

出力の上限が1,600万画素（例：4,000×4,000px）に設定されているためです。細部の復元とボケ補正が画素あたり大きめの作業メモリを使うため、それ以上はブラウザのメモリが持ちません。標準モードでは倍率が自動的に上限内へ調整され、その旨が画面に表示されます。AIモードでは倍率を下げるか、標準モードに切り替えてください。元画像が大きい場合は、そもそも高い倍率が必要ないことも多いです。

処理したのに違いが分からない

全体表示のままになっていることがほとんどです。「等倍(100%)」を押して、輪郭のある部分に仕切り線を合わせてください。それでも差が見えない場合、元画像が十分にシャープで2倍程度の拡大なら、そもそも差が小さいのが正常です。前の章のPSNRの表のとおり、2倍拡大では3者の数値がほぼ並びます。

処理後のほうがざらついて見える

ボケ補正が入っている可能性が高いです。ピントの合った写真にボケ補正を掛けると、JPEGのノイズが強調されてざらつきます。ボケ補正を0に戻して再実行してください。それでも気になる場合は、仕上げシャープを下げるか、詳細設定のしきい値を上げるとノイズを拾いにくくなります。

AVIFで保存できない

AVIFの書き出しには専用のエンコーダーを読み込む必要があるため、通信を切った状態では失敗します。また、環境によってはエンコードに時間がかかります。急ぐときはWebPで保存し、必要なら圧縮ツールで後からAVIFに変換してください。

よくある質問

Q. 画像はサーバーにアップロードされますか？

されません。読み込みから処理、保存まで、すべてお使いのブラウザの中で完結します。画像を読み込んだあとに通信を切っても標準モードは最後まで動くので、疑わしければその方法で確かめられます。AIモードで外部から取得するのはライブラリとモデルだけで、画像は含まれません。

Q. 無料ですか？回数や解像度の制限はありますか？

無料で、回数の制限もありません。制限は出力1,600万画素までという技術上の上限だけで、超える倍率は自動的に調整されます。処理を利用者のブラウザで行っているため、サーバー費用を回収する必要がなく、有料プランもありません。

Q. AI超解像モードは標準モードより必ずきれいになりますか？

なりません。ツール製作時の計測では、2倍拡大では標準モードとAIモードがほぼ並び、4倍拡大でAIモードがはっきり上回りました。ボケた写真にはボケ補正が使える標準モードのほうが向いています。2倍程度ならまず標準モードで試し、足りなければAIモードに切り替えるのが早道です。

Q. ピンボケや手ブレの写真は直りますか？

軽いピンボケなら標準モードのボケ補正で改善します。ぼかしたJPEG写真を2倍にする条件で、PSNRが23.22dBから24.21dBへ上がりました。一方、大きく外したピントや手ブレは元に戻りません。手ブレは方向を持ったボケで、このツールの補正の想定外です。

Q. ボケ補正はどのくらいに設定すればよいですか？

初期値はオフで、ピントが合っている写真ではオフのままにしてください。JPEGのノイズも一緒に強調されるため、弱い設定でも計測でPSNRが26.78dBから25.45dBへ下がりました。ピントの甘い写真のときだけ、等倍表示で確認しながら40以下から上げていくのが安全です。

Q. スマホでも使えますか？

使えます。標準モードはどのブラウザでも動きます。AI超解像モードはWebGPUに対応したブラウザが必要で、スマホでは対応状況が機種やOSによって異なります。また、大きい画像や4倍のAI処理はメモリと時間を使うため、パソコンのほうが快適です。

Q. 処理した画像は商用利用できますか？

ご自身の画像を処理した結果は自由に使えます。登録もクレジット表記も不要です。なお、ツール上に置いてあるサンプル画像はUnsplashの写真で、動作確認のために用意しているものです。

まとめ

画像高画質化ツールは、小さい画像やピントの甘い写真を最大4倍まで大きくしながら細部を補い、ブラウザ標準の拡大と見比べてから保存できる無料ツールです。標準モードは1秒前後、AI超解像モードは学習モデルをブラウザ内で動かし、どちらも画像をサーバーに送りません。

• 拡大は情報を増やす処理ではない。埋め方の賢さで見た目が変わる
• 迷ったら標準モード。ピントの合った写真の4倍はAI超解像モード
• ボケ補正はピントの合った写真には掛けない。掛けるときは等倍表示で確認する
• Webに載せるなら、高画質化のあとに圧縮ツールで配信サイズへ整える
• 元画像に残っていない情報は作れない。証拠性が要る画像には標準モードを使う

まずはサンプル画像を2倍にして、等倍表示で仕切り線を動かしてみてください。左右の差が見えたら、そのまま手元の画像を読み込むだけです。

各設定の詳細と計測の条件は、ツールの使い方・FAQページにもまとめてあります。

関連記事

• 画像圧縮・WebP変換・切り抜きがブラウザで完結する無料ツール｜使い方ガイド
• AIで背景透過・被写体の切り抜きがブラウザで完結する無料ツール｜使い方ガイド
• 画像・写真からWEBデザイン用カラーパレットを自動生成【無料ツール】
• OGPプレビューツール｜SNSでのシェア表示をリアルタイムで確認する方法
• pictureタグで画像を画面サイズごとに切り替えるレスポンシブ表現【デモ付き】
• デベロッパーツールを使える人は伸びる｜Chrome DevToolsで仮説と検証を回す手順