Big images crash the website

[LokiMidgard]

Describe the bug using a big image (see reproduce). Will after some time make the browser go black (compleetly titlebar and everything) for a seccond. After that the console is full of warnings. WebGl has lost its context.

The result then will be just a black image 😥

To Reproduce Use following image:

wait...

Expected behavior One of following (in prefered order):

1. Do not make the browser go black
2. Recover after the loss of WebGL context and continue
3. Show an error that something went wrong. (possible image to large) and stop trying to calculate more while the context is no longer valid

Screenshots

Additional context This was on Brave and Chrome Firefox is not jet finised (is very slow)

Show console text

got upscaler for idealo/gans
backend_webgl.ts:2786 High memory usage in GPU: 1024.12 MB, most likely due to a memory leak
e.acquireTexture @ backend_webgl.ts:2786
e.uploadToGPU @ backend_webgl.ts:2760
e.runWebGLProgram @ backend_webgl.ts:2576
e.compileAndRun @ backend_webgl.ts:2615
e.conv2dWithIm2Row @ backend_webgl.ts:1964
e.fusedConv2d @ backend_webgl.ts:1985
k @ tf-core.node.js:17103
(anonymous) @ tf-core.node.js:2866
(anonymous) @ tf-core.node.js:2705
t.scopedRun @ tf-core.node.js:2715
t.tidy @ tf-core.node.js:2704
p @ tf-core.node.js:2866
(anonymous) @ tf-core.node.js:2878
t.scopedRun @ tf-core.node.js:2715
t.runKernelFunc @ tf-core.node.js:2876
(anonymous) @ tf-core.node.js:17135
(anonymous) @ tf-core.node.js:3273
(anonymous) @ tf-core.node.js:2866
(anonymous) @ tf-core.node.js:2705
t.scopedRun @ tf-core.node.js:2715
t.tidy @ tf-core.node.js:2704
p @ tf-core.node.js:2866
(anonymous) @ tf-core.node.js:2878
t.scopedRun @ tf-core.node.js:2715
t.runKernelFunc @ tf-core.node.js:2876
(anonymous) @ tf-core.node.js:3272
fusedConv2d_ @ tf-core.node.js:17142
fusedConv2d @ tf-core.node.js:3745
(anonymous) @ tf-layers.node.js:12211
(anonymous) @ tf-core.node.js:2705
t.scopedRun @ tf-core.node.js:2715
t.tidy @ tf-core.node.js:2704
Ae @ tf-core.node.js:5343
fr @ tf-layers.node.js:12193
(anonymous) @ tf-layers.node.js:12393
(anonymous) @ tf-core.node.js:2705
t.scopedRun @ tf-core.node.js:2715
t.tidy @ tf-core.node.js:2704
Ae @ tf-core.node.js:5343
e.call @ tf-layers.node.js:12387
(anonymous) @ tf-layers.node.js:3370
$ @ tf-layers.node.js:931
e.apply @ tf-layers.node.js:3334
rn @ tf-layers.node.js:6031
(anonymous) @ tf-layers.node.js:9336
(anonymous) @ tf-core.node.js:2705
t.scopedRun @ tf-core.node.js:2715
t.tidy @ tf-core.node.js:2704
Ae @ tf-core.node.js:5343
u @ tf-layers.node.js:9319
(anonymous) @ tf-layers.node.js:9342
(anonymous) @ tf-core.node.js:2705
t.scopedRun @ tf-core.node.js:2715
t.tidy @ tf-core.node.js:2704
Ae @ tf-core.node.js:5343
e.predictLoop @ tf-layers.node.js:9307
e.predict @ tf-layers.node.js:9386
(anonymous) @ upscale.js:135
l @ runtime.js:63
(anonymous) @ runtime.js:293
(anonymous) @ runtime.js:118
o @ upscale.js:5
Promise.then (async)
u @ upscale.js:7
o @ upscale.js:5
Promise.then (async)
u @ upscale.js:7
o @ upscale.js:5
Promise.then (async)
u @ upscale.js:7
o @ upscale.js:5
Promise.then (async)
u @ upscale.js:7
o @ upscale.js:5
Promise.then (async)
u @ upscale.js:7
o @ upscale.js:5
Promise.then (async)
u @ upscale.js:7
o @ upscale.js:5
Promise.then (async)
u @ upscale.js:7
o @ upscale.js:5
Promise.then (async)
u @ upscale.js:7
o @ upscale.js:5
Promise.then (async)
u @ upscale.js:7
o @ upscale.js:5
Promise.then (async)
u @ upscale.js:7
o @ upscale.js:5
Promise.then (async)
u @ upscale.js:7
o @ upscale.js:5
Promise.then (async)
u @ upscale.js:7
o @ upscale.js:5
Promise.then (async)
u @ upscale.js:7
o @ upscale.js:5
Promise.then (async)
u @ upscale.js:7
o @ upscale.js:5
Promise.then (async)
u @ upscale.js:7
o @ upscale.js:5
Promise.then (async)
u @ upscale.js:7
o @ upscale.js:5
Promise.then (async)
u @ upscale.js:7
o @ upscale.js:5
Promise.then (async)
u @ upscale.js:7
o @ upscale.js:5
Promise.then (async)
u @ upscale.js:7
o @ upscale.js:5
Promise.then (async)
u @ upscale.js:7
o @ upscale.js:5
Promise.then (async)
u @ upscale.js:7
o @ upscale.js:5
Promise.then (async)
u @ upscale.js:7
o @ upscale.js:5
Promise.then (async)
u @ upscale.js:7
o @ upscale.js:5
Promise.then (async)
u @ upscale.js:7
o @ upscale.js:5
Promise.then (async)
u @ upscale.js:7
o @ upscale.js:5
Promise.then (async)
u @ upscale.js:7
o @ upscale.js:5
Promise.then (async)
u @ upscale.js:7
o @ upscale.js:5
Promise.then (async)
u @ upscale.js:7
o @ upscale.js:5
Promise.then (async)
u @ upscale.js:7
o @ upscale.js:5
Promise.then (async)
u @ upscale.js:7
o @ upscale.js:5
Promise.then (async)
u @ upscale.js:7
o @ upscale.js:5
Promise.then (async)
u @ upscale.js:7
o @ upscale.js:5
Show 32 more frames
WebGL: CONTEXT_LOST_WEBGL: loseContext: context lost
www.upscaler.ai/:1 WebGL: CONTEXT_LOST_WEBGL: loseContext: context lost
www.upscaler.ai/:1 WebGL: CONTEXT_LOST_WEBGL: loseContext: context lost
34WebGL: INVALID_OPERATION: bindFramebuffer: object does not belong to this context
34WebGL: INVALID_OPERATION: framebufferTexture2D: object does not belong to this context
34WebGL: INVALID_OPERATION: useProgram: object does not belong to this context
59WebGL: INVALID_OPERATION: bindTexture: object does not belong to this context
58WebGL: INVALID_OPERATION: uniform1i: location not for current program
gpgpu_context.ts:339 WebGL: INVALID_OPERATION: getUniformLocation: object does not belong to this context
t.getUniformLocationNoThrow @ gpgpu_context.ts:339
(anonymous) @ slice_packed_gpu.ts:93
(anonymous) @ gpgpu_math.ts:219
e.runWebGLProgram @ backend_webgl.ts:2590
e.compileAndRun @ backend_webgl.ts:2615
e.slice @ backend_webgl.ts:709
(anonymous) @ tf-core.node.js:6360
(anonymous) @ tf-core.node.js:2866
(anonymous) @ tf-core.node.js:2705
t.scopedRun @ tf-core.node.js:2715
t.tidy @ tf-core.node.js:2704
p @ tf-core.node.js:2866
(anonymous) @ tf-core.node.js:2878
t.scopedRun @ tf-core.node.js:2715
t.runKernelFunc @ tf-core.node.js:2876
slice_ @ tf-core.node.js:6364
slice @ tf-core.node.js:3745
mt.slice @ tf-core.node.js:31536
(anonymous) @ upscale.js:143
l @ runtime.js:63
(anonymous) @ runtime.js:293
(anonymous) @ runtime.js:118
o @ upscale.js:5
Promise.then (async)
u @ upscale.js:7
o @ upscale.js:5
Promise.then (async)
u @ upscale.js:7
o @ upscale.js:5
Promise.then (async)
u @ upscale.js:7
o @ upscale.js:5
Promise.then (async)
u @ upscale.js:7
o @ upscale.js:5
Promise.then (async)
u @ upscale.js:7
o @ upscale.js:5
Promise.then (async)
u @ upscale.js:7
o @ upscale.js:5
Promise.then (async)
u @ upscale.js:7
o @ upscale.js:5
Promise.then (async)
u @ upscale.js:7
o @ upscale.js:5
Promise.then (async)
u @ upscale.js:7
o @ upscale.js:5
Promise.then (async)
u @ upscale.js:7
o @ upscale.js:5
Promise.then (async)
u @ upscale.js:7
o @ upscale.js:5
Promise.then (async)
u @ upscale.js:7
o @ upscale.js:5
Promise.then (async)
u @ upscale.js:7
o @ upscale.js:5
Promise.then (async)
u @ upscale.js:7
o @ upscale.js:5
Promise.then (async)
u @ upscale.js:7
o @ upscale.js:5
Promise.then (async)
u @ upscale.js:7
o @ upscale.js:5
Promise.then (async)
u @ upscale.js:7
o @ upscale.js:5
Promise.then (async)
u @ upscale.js:7
o @ upscale.js:5
Promise.then (async)
u @ upscale.js:7
o @ upscale.js:5
Promise.then (async)
u @ upscale.js:7
o @ upscale.js:5
Promise.then (async)
u @ upscale.js:7
o @ upscale.js:5
Promise.then (async)
u @ upscale.js:7
o @ upscale.js:5
Promise.then (async)
u @ upscale.js:7
o @ upscale.js:5
Promise.then (async)
u @ upscale.js:7
o @ upscale.js:5
Promise.then (async)
u @ upscale.js:7
o @ upscale.js:5
Promise.then (async)
u @ upscale.js:7
o @ upscale.js:5
Promise.then (async)
u @ upscale.js:7
o @ upscale.js:5
Promise.then (async)
u @ upscale.js:7
o @ upscale.js:5
Promise.then (async)
u @ upscale.js:7
o @ upscale.js:5
Promise.then (async)
u @ upscale.js:7
o @ upscale.js:5
Promise.then (async)
u @ upscale.js:7
o @ upscale.js:5
Promise.then (async)
u @ upscale.js:7
o @ upscale.js:5
33WebGL: INVALID_OPERATION: drawElements: no valid shader program in use
gpgpu_context.ts:339 WebGL: INVALID_OPERATION: getUniformLocation: object does not belong to this context
t.getUniformLocationNoThrow @ gpgpu_context.ts:339
(anonymous) @ slice_packed_gpu.ts:93
(anonymous) @ gpgpu_math.ts:219
e.runWebGLProgram @ backend_webgl.ts:2590
e.compileAndRun @ backend_webgl.ts:2615
e.slice @ backend_webgl.ts:709
(anonymous) @ tf-core.node.js:6360
(anonymous) @ tf-core.node.js:2866
(anonymous) @ tf-core.node.js:2705
t.scopedRun @ tf-core.node.js:2715
t.tidy @ tf-core.node.js:2704
p @ tf-core.node.js:2866
(anonymous) @ tf-core.node.js:2878
t.scopedRun @ tf-core.node.js:2715
t.runKernelFunc @ tf-core.node.js:2876
slice_ @ tf-core.node.js:6364
slice @ tf-core.node.js:3745
mt.slice @ tf-core.node.js:31536
(anonymous) @ upscale.js:133
l @ runtime.js:63
(anonymous) @ runtime.js:293
(anonymous) @ runtime.js:118
o @ upscale.js:5
Promise.then (async)
u @ upscale.js:7
o @ upscale.js:5
Promise.then (async)
u @ upscale.js:7
o @ upscale.js:5
Promise.then (async)
u @ upscale.js:7
o @ upscale.js:5
Promise.then (async)
u @ upscale.js:7
o @ upscale.js:5
Promise.then (async)
u @ upscale.js:7
o @ upscale.js:5
Promise.then (async)
u @ upscale.js:7
o @ upscale.js:5
Promise.then (async)
u @ upscale.js:7
o @ upscale.js:5
Promise.then (async)
u @ upscale.js:7
o @ upscale.js:5
Promise.then (async)
u @ upscale.js:7
o @ upscale.js:5
Promise.then (async)
u @ upscale.js:7
o @ upscale.js:5
Promise.then (async)
u @ upscale.js:7
o @ upscale.js:5
Promise.then (async)
u @ upscale.js:7
o @ upscale.js:5
Promise.then (async)
u @ upscale.js:7
o @ upscale.js:5
Promise.then (async)
u @ upscale.js:7
o @ upscale.js:5
Promise.then (async)
u @ upscale.js:7
o @ upscale.js:5
Promise.then (async)
u @ upscale.js:7
o @ upscale.js:5
Promise.then (async)
u @ upscale.js:7
o @ upscale.js:5
Promise.then (async)
u @ upscale.js:7
o @ upscale.js:5
Promise.then (async)
u @ upscale.js:7
o @ upscale.js:5
Promise.then (async)
u @ upscale.js:7
o @ upscale.js:5
Promise.then (async)
u @ upscale.js:7
o @ upscale.js:5
Promise.then (async)
u @ upscale.js:7
o @ upscale.js:5
Promise.then (async)
u @ upscale.js:7
o @ upscale.js:5
Promise.then (async)
u @ upscale.js:7
o @ upscale.js:5
Promise.then (async)
u @ upscale.js:7
o @ upscale.js:5
Promise.then (async)
u @ upscale.js:7
o @ upscale.js:5
Promise.then (async)
u @ upscale.js:7
o @ upscale.js:5
Promise.then (async)
u @ upscale.js:7
o @ upscale.js:5
Promise.then (async)
u @ upscale.js:7
o @ upscale.js:5
Promise.then (async)
u @ upscale.js:7
o @ upscale.js:5
Promise.then (async)
u @ upscale.js:7
o @ upscale.js:5
Promise.then (async)
u @ upscale.js:7
o @ upscale.js:5
gpgpu_context.ts:339 WebGL: INVALID_OPERATION: getUniformLocation: object does not belong to this context
t.getUniformLocationNoThrow @ gpgpu_context.ts:339
(anonymous) @ slice_packed_gpu.ts:93
(anonymous) @ gpgpu_math.ts:219
e.runWebGLProgram @ backend_webgl.ts:2590
e.compileAndRun @ backend_webgl.ts:2615
e.slice @ backend_webgl.ts:709
(anonymous) @ tf-core.node.js:6360
(anonymous) @ tf-core.node.js:2866
(anonymous) @ tf-core.node.js:2705
t.scopedRun @ tf-core.node.js:2715
t.tidy @ tf-core.node.js:2704
p @ tf-core.node.js:2866
(anonymous) @ tf-core.node.js:2878
t.scopedRun @ tf-core.node.js:2715
t.runKernelFunc @ tf-core.node.js:2876
slice_ @ tf-core.node.js:6364
slice @ tf-core.node.js:3745
slice4d_ @ tf-core.node.js:14743
slice4d @ tf-core.node.js:3745
(anonymous) @ tf-layers.node.js:1176
(anonymous) @ tf-core.node.js:2705
t.scopedRun @ tf-core.node.js:2715
t.tidy @ tf-core.node.js:2704
Ae @ tf-core.node.js:5343
pt @ tf-layers.node.js:1167
(anonymous) @ tf-layers.node.js:8026
yn @ tf-layers.node.js:8026
(anonymous) @ tf-layers.node.js:9324
(anonymous) @ tf-core.node.js:2705
t.scopedRun @ tf-core.node.js:2715
t.tidy @ tf-core.node.js:2704
Ae @ tf-core.node.js:5343
u @ tf-layers.node.js:9319
(anonymous) @ tf-layers.node.js:9342
(anonymous) @ tf-core.node.js:2705
t.scopedRun @ tf-core.node.js:2715
t.tidy @ tf-core.node.js:2704
Ae @ tf-core.node.js:5343
e.predictLoop @ tf-layers.node.js:9307
e.predict @ tf-layers.node.js:9386
(anonymous) @ upscale.js:135
l @ runtime.js:63
(anonymous) @ runtime.js:293
(anonymous) @ runtime.js:118
o @ upscale.js:5
Promise.then (async)
u @ upscale.js:7
o @ upscale.js:5
Promise.then (async)
u @ upscale.js:7
o @ upscale.js:5
Promise.then (async)
u @ upscale.js:7
o @ upscale.js:5
Promise.then (async)
u @ upscale.js:7
o @ upscale.js:5
Promise.then (async)
u @ upscale.js:7
o @ upscale.js:5
Promise.then (async)
u @ upscale.js:7
o @ upscale.js:5
Promise.then (async)
u @ upscale.js:7
o @ upscale.js:5
Promise.then (async)
u @ upscale.js:7
o @ upscale.js:5
Promise.then (async)
u @ upscale.js:7
o @ upscale.js:5
Promise.then (async)
u @ upscale.js:7
o @ upscale.js:5
Promise.then (async)
u @ upscale.js:7
o @ upscale.js:5
Promise.then (async)
u @ upscale.js:7
o @ upscale.js:5
Promise.then (async)
u @ upscale.js:7
o @ upscale.js:5
Promise.then (async)
u @ upscale.js:7
o @ upscale.js:5
Promise.then (async)
u @ upscale.js:7
o @ upscale.js:5
Promise.then (async)
u @ upscale.js:7
o @ upscale.js:5
Promise.then (async)
u @ upscale.js:7
o @ upscale.js:5
Promise.then (async)
u @ upscale.js:7
o @ upscale.js:5
Promise.then (async)
u @ upscale.js:7
o @ upscale.js:5
Promise.then (async)
u @ upscale.js:7
o @ upscale.js:5
Promise.then (async)
u @ upscale.js:7
o @ upscale.js:5
Promise.then (async)
u @ upscale.js:7
o @ upscale.js:5
Promise.then (async)
u @ upscale.js:7
o @ upscale.js:5
Promise.then (async)
u @ upscale.js:7
o @ upscale.js:5
Promise.then (async)
u @ upscale.js:7
o @ upscale.js:5
Promise.then (async)
u @ upscale.js:7
o @ upscale.js:5
Promise.then (async)
u @ upscale.js:7
o @ upscale.js:5
Promise.then (async)
u @ upscale.js:7
o @ upscale.js:5
Promise.then (async)
u @ upscale.js:7
o @ upscale.js:5
Promise.then (async)
u @ upscale.js:7
o @ upscale.js:5
Promise.then (async)
u @ upscale.js:7
o @ upscale.js:5
Promise.then (async)
u @ upscale.js:7
o @ upscale.js:5
Show 15 more frames
gpgpu_util.ts:193 WebGL: INVALID_OPERATION: texImage2D: no texture bound to target
(anonymous) @ gpgpu_util.ts:193
y @ webgl_util.ts:24
Ve @ gpgpu_util.ts:191
t.uploadDenseMatrixToTexture @ gpgpu_context.ts:168
e.uploadToGPU @ backend_webgl.ts:2734
(anonymous) @ backend_webgl.ts:2572
e.runWebGLProgram @ backend_webgl.ts:2513
e.compileAndRun @ backend_webgl.ts:2615
e.packedBinaryOp @ backend_webgl.ts:1416
e.multiply @ backend_webgl.ts:903
(anonymous) @ tf-core.node.js:5973
(anonymous) @ tf-core.node.js:2866
(anonymous) @ tf-core.node.js:2705
t.scopedRun @ tf-core.node.js:2715
t.tidy @ tf-core.node.js:2704
p @ tf-core.node.js:2866
(anonymous) @ tf-core.node.js:2878
t.scopedRun @ tf-core.node.js:2715
t.runKernelFunc @ tf-core.node.js:2876
mul_ @ tf-core.node.js:5978
mul @ tf-core.node.js:3745
value @ idealo-gans.js:21
(anonymous) @ tf-layers.node.js:3370
$ @ tf-layers.node.js:931
e.apply @ tf-layers.node.js:3334
rn @ tf-layers.node.js:6031
(anonymous) @ tf-layers.node.js:9336
(anonymous) @ tf-core.node.js:2705
t.scopedRun @ tf-core.node.js:2715
t.tidy @ tf-core.node.js:2704
Ae @ tf-core.node.js:5343
u @ tf-layers.node.js:9319
(anonymous) @ tf-layers.node.js:9342
(anonymous) @ tf-core.node.js:2705
t.scopedRun @ tf-core.node.js:2715
t.tidy @ tf-core.node.js:2704
Ae @ tf-core.node.js:5343
e.predictLoop @ tf-layers.node.js:9307
e.predict @ tf-layers.node.js:9386
(anonymous) @ upscale.js:135
l @ runtime.js:63
(anonymous) @ runtime.js:293
(anonymous) @ runtime.js:118
o @ upscale.js:5
Promise.then (async)
u @ upscale.js:7
o @ upscale.js:5
Promise.then (async)
u @ upscale.js:7
o @ upscale.js:5
Promise.then (async)
u @ upscale.js:7
o @ upscale.js:5
Promise.then (async)
u @ upscale.js:7
o @ upscale.js:5
Promise.then (async)
u @ upscale.js:7
o @ upscale.js:5
Promise.then (async)
u @ upscale.js:7
o @ upscale.js:5
Promise.then (async)
u @ upscale.js:7
o @ upscale.js:5
Promise.then (async)
u @ upscale.js:7
o @ upscale.js:5
Promise.then (async)
u @ upscale.js:7
o @ upscale.js:5
Promise.then (async)
u @ upscale.js:7
o @ upscale.js:5
Promise.then (async)
u @ upscale.js:7
o @ upscale.js:5
Promise.then (async)
u @ upscale.js:7
o @ upscale.js:5
Promise.then (async)
u @ upscale.js:7
o @ upscale.js:5
Promise.then (async)
u @ upscale.js:7
o @ upscale.js:5
Promise.then (async)
u @ upscale.js:7
o @ upscale.js:5
Promise.then (async)
u @ upscale.js:7
o @ upscale.js:5
Promise.then (async)
u @ upscale.js:7
o @ upscale.js:5
Promise.then (async)
u @ upscale.js:7
o @ upscale.js:5
Promise.then (async)
u @ upscale.js:7
o @ upscale.js:5
Promise.then (async)
u @ upscale.js:7
o @ upscale.js:5
Promise.then (async)
u @ upscale.js:7
o @ upscale.js:5
Promise.then (async)
u @ upscale.js:7
o @ upscale.js:5
Promise.then (async)
u @ upscale.js:7
o @ upscale.js:5
Promise.then (async)
u @ upscale.js:7
o @ upscale.js:5
Promise.then (async)
u @ upscale.js:7
o @ upscale.js:5
Promise.then (async)
u @ upscale.js:7
o @ upscale.js:5
Promise.then (async)
u @ upscale.js:7
o @ upscale.js:5
Promise.then (async)
u @ upscale.js:7
o @ upscale.js:5
Promise.then (async)
u @ upscale.js:7
o @ upscale.js:5
Promise.then (async)
u @ upscale.js:7
o @ upscale.js:5
Promise.then (async)
u @ upscale.js:7
o @ upscale.js:5
Promise.then (async)
u @ upscale.js:7
o @ upscale.js:5
Show 14 more frames
webgl_util.ts:267 WebGL: too many errors, no more errors will be reported to the console for this context.
(anonymous) @ webgl_util.ts:267
y @ webgl_util.ts:24
P @ webgl_util.ts:267
t.setInputMatrixTexture @ gpgpu_context.ts:347
(anonymous) @ gpgpu_math.ts:215
(anonymous) @ gpgpu_math.ts:186
e.runWebGLProgram @ backend_webgl.ts:2590
e.compileAndRun @ backend_webgl.ts:2615
e.concat @ backend_webgl.ts:786
(anonymous) @ tf-core.node.js:5846
(anonymous) @ tf-core.node.js:2866
(anonymous) @ tf-core.node.js:2705
t.scopedRun @ tf-core.node.js:2715
t.tidy @ tf-core.node.js:2704
p @ tf-core.node.js:2866
(anonymous) @ tf-core.node.js:2878
t.scopedRun @ tf-core.node.js:2715
t.runKernelFunc @ tf-core.node.js:2876
concat_ @ tf-core.node.js:5852
concat @ tf-core.node.js:3745
dt @ tf-layers.node.js:1297
(anonymous) @ tf-layers.node.js:14044
(anonymous) @ tf-core.node.js:2705
t.scopedRun @ tf-core.node.js:2715
t.tidy @ tf-core.node.js:2704
Ae @ tf-core.node.js:5343
e.mergeFunction @ tf-layers.node.js:14043
(anonymous) @ tf-layers.node.js:13830
(anonymous) @ tf-core.node.js:2705
t.scopedRun @ tf-core.node.js:2715
t.tidy @ tf-core.node.js:2704
Ae @ tf-core.node.js:5343
e.call @ tf-layers.node.js:13762
(anonymous) @ tf-layers.node.js:3370
$ @ tf-layers.node.js:931
e.apply @ tf-layers.node.js:3334
rn @ tf-layers.node.js:6031
(anonymous) @ tf-layers.node.js:9336
(anonymous) @ tf-core.node.js:2705
t.scopedRun @ tf-core.node.js:2715
t.tidy @ tf-core.node.js:2704
Ae @ tf-core.node.js:5343
u @ tf-layers.node.js:9319
(anonymous) @ tf-layers.node.js:9342
(anonymous) @ tf-core.node.js:2705
t.scopedRun @ tf-core.node.js:2715
t.tidy @ tf-core.node.js:2704
Ae @ tf-core.node.js:5343
e.predictLoop @ tf-layers.node.js:9307
e.predict @ tf-layers.node.js:9386
(anonymous) @ upscale.js:135
l @ runtime.js:63
(anonymous) @ runtime.js:293
(anonymous) @ runtime.js:118
o @ upscale.js:5
Promise.then (async)
u @ upscale.js:7
o @ upscale.js:5
Promise.then (async)
u @ upscale.js:7
o @ upscale.js:5
Promise.then (async)
u @ upscale.js:7
o @ upscale.js:5
Promise.then (async)
u @ upscale.js:7
o @ upscale.js:5
Promise.then (async)
u @ upscale.js:7
o @ upscale.js:5
Promise.then (async)
u @ upscale.js:7
o @ upscale.js:5
Promise.then (async)
u @ upscale.js:7
o @ upscale.js:5
Promise.then (async)
u @ upscale.js:7
o @ upscale.js:5
Promise.then (async)
u @ upscale.js:7
o @ upscale.js:5
Promise.then (async)
u @ upscale.js:7
o @ upscale.js:5
Promise.then (async)
u @ upscale.js:7
o @ upscale.js:5
Promise.then (async)
u @ upscale.js:7
o @ upscale.js:5
Promise.then (async)
u @ upscale.js:7
o @ upscale.js:5
Promise.then (async)
u @ upscale.js:7
o @ upscale.js:5
Promise.then (async)
u @ upscale.js:7
o @ upscale.js:5
Promise.then (async)
u @ upscale.js:7
o @ upscale.js:5
Promise.then (async)
u @ upscale.js:7
o @ upscale.js:5
Promise.then (async)
u @ upscale.js:7
o @ upscale.js:5
Promise.then (async)
u @ upscale.js:7
o @ upscale.js:5
Promise.then (async)
u @ upscale.js:7
o @ upscale.js:5
Promise.then (async)
u @ upscale.js:7
o @ upscale.js:5
Promise.then (async)
u @ upscale.js:7
o @ upscale.js:5
Promise.then (async)
u @ upscale.js:7
o @ upscale.js:5
Promise.then (async)
u @ upscale.js:7
o @ upscale.js:5
Promise.then (async)
u @ upscale.js:7
o @ upscale.js:5
Promise.then (async)
u @ upscale.js:7
o @ upscale.js:5
Promise.then (async)
u @ upscale.js:7
o @ upscale.js:5
Promise.then (async)
u @ upscale.js:7
o @ upscale.js:5
Promise.then (async)
u @ upscale.js:7
o @ upscale.js:5
Promise.then (async)
u @ upscale.js:7
o @ upscale.js:5
Promise.then (async)
u @ upscale.js:7
o @ upscale.js:5
Promise.then (async)
u @ upscale.js:7
o @ upscale.js:5
Show 25 more frames
main.ceafdc84.chunk.js?__WB_REVISION__=ba75af088e60b632a954:1 [Violation] 'message' handler took 221ms
Images.tsx:104 

[xan2622]

I use Firefox 102.0.1 on Windows 11 and while it doesn't crash here, it takes a verrrrry long time to process the upscaling (I can almost say that it stalls on 1%).

[thekevinscott]

Per this, there's a new demo page here.

I think the memory leaks should be fixed in the core UpscalerJS package now.

I've updated https://upscalerjs.com/demo in two ways:

• On load, it runs a timing scan for patch sizes to try and find the biggest patch size under 100ms per patch. It then recommends using this. Hopefully this will cut down on UI jank. The user can pick a different patch size (though not one that takes over 200ms a patch).
• For images that are very large, the demo offers a prompt to first resize the image down to a reasonable size. The user can overrule this if they want, or accept the downscaled image. There's also some verbiage in there indicating that, if uploading very large images is the goal, the user may wish to run UpscalerJS in a Node environment.

[thekevinscott]

I'm going to close this and #173, as the old upscaler.ai is defunct (it redirects to the new demo page). Please feel free to open a new bug report for any issues found on the new demo page.