Image upload quality

Nathan Cox

I am uploading images via API but some of them appear to be very pixellated once uploaded. Has anyone else had this experience and any potential solutions?
https://xqeg-0iug-vw5m.e2.xano.io/vault/fBnbpOFo/98Sl_5qe/7NQPRg../file-adbd21.png?tpl=original

Sean Montgomery

is that link you are referencing the original? or is that the one with pixelation?

Nathan Cox

Hi Sean above image is the pixellated one after uploading. Original is below:

[IMG_20190226_174019.jpg]

Sean Montgomery

 I definitely notice a difference but the image you uploaded is much larger than the link you sent in your first message.

Also - the image you uploaded is a JPG and the image you uploaded to xano is a PNG.

It sounds like something is being converted before it is being uploaded to Xano.

I just uploaded that image to my test account and notice the difference - https://x9qk-rkcz-tbuf.n7.xano.io/vault/Wf90_17h/oQZ5DPhj/k8GRBw../IMG_20190226_174019.jpg?tpl=original

Nathan Cox

Thanks for the follow up Sean. Yes the image is being cropped by the user, and then sent in base64 format to Xano - this could indeed be the problem. I can't quite get my head around why the file type changes though. Any ideas? The cropper i use is based on cropper.js, but as far as i know there is no file transformation just a crop.

Sean Montgomery

I believe there is a transformation because it resizes the image to your specified dimensions. There are a few settings on this page - https://github.com/fengyuanchen/cropperjs/blob/main/README.md

just search for "Width" or "Height" without quotes.