[pixel-lift · on-device super-resolution]
古い写真、低解像度のSNSアイコン、軽くぼやけたスクショ。 ESRGAN を TensorFlow.js でブラウザ内推論し、画像をアップロードせずに 2倍解像度へ。 before / after スライダーで結果をその場で比較できます。
[ ./how_it_works ]
step / 01
jpg / png / webp をドロップ。古い写真、低解像度の画像、軽くぼやけたスクショなど。すべてブラウザ内の AI モデルに直接渡される。
step / 02
初回のみ ESRGAN-slim モデル (~5MB) と TensorFlow.js をロード。WebGL バックエンドで GPU 加速され、サイズによっては数秒で完了する。
step / 03
before / after スライダーで違いをその場で比較。納得した状態で透過対応PNGとして書き出し。サイズが2倍になっていることが result メタで確認できる。
[ ./use_cases ]
PixelLift は、 小さい・ぼやけた画像を AI (ESRGAN) でくっきり大きくする無料の高解像度化ツールです。 単純に引き伸ばすと出るギザギザやモザイク感を、 学習済みモデルが輪郭やディテールを補いながら拡大します。 アップロードは不要で、 処理はすべてブラウザの中。 たとえばこんな場面で使えます。
昔のガラケー写真や、 サイズの小さい保存画像を印刷・掲載できる大きさに。 引き伸ばしのボケを抑えます。
低解像度のロゴやアイコン、 イラスト素材を、 資料やサイトで使えるくっきりした解像度に引き上げます。
画質が粗くて見づらい商品写真を鮮明化。 ディテールがはっきりすると伝わりやすくなります。
縮小されて読みにくいスクリーンショットを拡大。 完全に元通りにはなりませんが、 視認性は上がります。
※ AI は失われた情報を「もっともらしく」補うもので、 写っていないものを復元できるわけではありません。 極端に小さい・つぶれた画像では効果が限られます。
[ ./faq ]
送られません。 PixelLift は upscaler.js + ESRGAN-slim を TensorFlow.js 経由でブラウザ内 (WebGL) で動かしています。画像ファイルが私たちのサーバーに届くことはありません。 (初回のみモデル本体を CDN からダウンロードします)
短辺 ~1500px までを推奨。それ以上は WebGL のテクスチャ上限と GPU メモリの問題で失敗しやすくなります。タイル分割しての高解像度対応は今後の拡張で予定しています。
現状は ESRGAN-slim 2x モデルに固定しています。3x / 4x モデルや、別系統 (waifu2x / GAN系) への切替は計画中です。
ESRGAN は実在しないディテールを推定で補完するモデルです。風景・人物の写真では自然に補正されますが、文字や細い線では誤った細部 (アーティファクト) が混じることがあります。公文書のスキャンには TextPluck (OCR) と組み合わせるのが安全です。
voice-scribe / clip-cast / bg-snap / text-pluck / pdf-anvil に続く、メディア処理ラボの 6本目です。ML系で4本 + Pure JS系で1本 (pdf-anvil) + 超解像系で1本 (これ)、というラインアップで『重い処理は全部ブラウザで』 を6方向から実証しています。