问从多个设备上传裁剪的图像，同时保持较大的图像大小

EN

我的目标是允许用户上传配置文件图像，并在上传之前对图像进行裁剪，以便很好地适应图像容器。这是一个很常见的问题。

我遇到的问题是，当用户使用移动设备时，裁剪和上传的图像最终大约有350像素宽，当在大屏幕上观看时会产生高度像素化的图像，最终会根据需要拉伸图像(超过700像素)。

流程如下:用户选择本地上传新图像；然后将该图像植入浏览器以进行裁剪；生成的裁剪图像(base64)具有正确的纵横比，但像素的大小(宽度和高度)与设备屏幕宽度一致，根据设备的不同，屏幕宽度可能非常小。

我使用Croppie.js进行裁剪，效果很好。但是，当裁剪到一个小型设备(电话等)上时，浏览器中的base64图像非常小(以像素为单位)。最终上传的是base64图像，所以这就导致了上面提到的在较大设备上拉伸和像素化的问题。

我忽略的任何输入或其他技术都将不胜感激。