How to CROP an Image before uploading to DB? | Next.js | Page 1

open cairn Oct 13, 2022, 4:38 PM

#

Help, i'm trying to force an image to be 1:1 ratio before uploading to DB.. how can I achieve that?

I was trying with react-easy-crop but I'm having a lot of issues, I believe is not compatible with Next Js

Thanks!!

long shell Oct 13, 2022, 4:46 PM

#

open cairn Help, i'm trying to force an image to be 1:1 ratio before uploading to DB.. how ...

Usually images are not store in a DB, only id.
Next can optimize the output but not the input, then you have to do this before, do it manually or use some image processing (cloudinary or something else)

#

or use css, it's simplier haha (aspect-ratio: 1/1, object-fit: cover;)

open cairn Oct 13, 2022, 4:48 PM

#

Thanks Clement, you made my day

#

I think i'm gonna go for the css option,

long shell Oct 13, 2022, 4:49 PM

#

yes easiest way if you only need a 1:1 ratio

open cairn Oct 13, 2022, 4:51 PM

#

You are my hero

#How to CROP an Image before uploading to DB?