web-realesrgan

Run Real-ESRGAN in the browser with tensorflow.js

Usage

Drag in or select an image, then choose a model and WebGPU/WebGL to upscale the image.

Sure, PNG with alpha channel is supported.

WebGL: Enabled on most devices by default.
WebGPU: Enabled on Chrome with chrome://flags/#enable-unsafe-webgpu flag or other browsers with WebGPU support. Much faster than WebGL.

npm install
npm run dev

I've converted 4 models to tensorflow.js format, you can find the original pytorch models in xinntao/Real-ESRGAN

The first run will download the models and cache them in the browser indexedDB. No need to download them again.

Pytorch model -> ONNX -> Tensorflow saved model -> Tensorflow.js

Name		Name	Last commit message	Last commit date
Latest commit History 12 Commits
demo		demo
public		public
realesrgan		realesrgan
src		src
.gitignore		.gitignore
LICENSE		LICENSE
README.md		README.md
env.d.ts		env.d.ts
index.html		index.html
package-lock.json		package-lock.json
package.json		package.json
tsconfig.app.json		tsconfig.app.json
tsconfig.json		tsconfig.json
tsconfig.node.json		tsconfig.node.json
vite.config.ts		vite.config.ts