How to make it possible to crop photos on the site into a square view without losing quality?

Question

css

I need to make it possible to crop a photo on the site like in VK for avatars. In theory, I need to crop the photo before sending it to the server. I did it with canvas, but it shrinks it and the output is a poor quality photo. Advise how best to do it, maybe crop the photo on the server?

Answer 1

On server.
I did something similar in java. There are functions for cropping with and without quality.

Answer 2

https://github.com/fengyuanchen/cropper