Image persistence does not work

[codeswhite]

No description provided.

[async3619]

@codeswhite can you give me some info about what env did you test? (e.g. os, browser, etc.)

[codeswhite]

I was getting this error:

It turns out the image was apparently too big (4.4 MB).

After looking into it:
The max quota is 5120 by default.
But because we are storing the image in base64 we should take encoding overhead into consideration (which is 33% for base64).
Also we store it together with other JSON variables which also take space.

I suggest to change the 5MB soft limit to something lower, for example:
5120
Minus 500 bytes for JSON and other settings
Multiply by 0.75 to account base64 overhead
=> 3465 bytes for the image

[async3619]

I was getting this error:

It turns out the image was apparently too big (4.4 MB).

After looking into it:
The max quota is 5120 by default.
But because we are storing the image in base64 we should take encoding overhead into consideration (which is 33% for base64).
Also we store it together with other JSON variables which also take space.

I suggest to change the 5MB soft limit to something lower, for example:
5120
Minus 500 bytes for JSON and other settings
Multiply by 0.75 to account base64 overhead
=> 3465 bytes for the image

gosh thanks for suggestion I'll deal with it

btw it would be nicer to store image into somewhere else (like IndexedDB)

[spj2401Dev]

My quick and dirty suggestion would be to compress the image. I mean its blured anyway so you could probably get away with it.

[codeswhite]

@spj2401Dev
I like your thinking, but JPEG and PNG formats are already compressed, so adding an additional layer of compression wont help very much (maybe like -10% in size).

But like @async3619 said, IndexedDB would be a better solution