javascript - 无论上传多大尺寸的照片，如何让用户的图像不模糊？

Question

正在建立一个网站，允许用户上传他们想要的照片！但是我发现当用户上传一些奇怪大小的图片时，比如：slim图片，因为我在img标签中设置了object-fill:cover；这种类型的图片会变得有点模糊

有没有明确的方法来解决是否可以在 CSS 中设置或通过 javaScript 设置以允许用户上传任意大小的照片？

PS。后端工程师为网站SEO压缩图片，所以每张图片的URL有amp;size=0.1。我有个root后台说size=0.2这样图片就正常了，不过对于SEO暂时不要做这样的改动，希望能在这里找到解决办法。

.photo{
    width: 70px;
    height: 70px;
    border-radius:10px;
    object-fit:cover;
  }

<div class="demo">
  <img class="photo" src="https://media.istockphoto.com/photos/casual-guy-picture-id1007179332?k=6&m=1007179332&s=612x612&w=0&h=fnB0RWmkhdo92YX9pBKhEpKlq_oA83zz5HfQCqwgLyQ=" alt="">
</div>

<!-- If the uploaded image is of this weird size, it will appear blurred-->

<div class="demo">
  <img class="photo" src="https://upload.cc/i1/2021/06/23/CAjz7O.png" alt="">
</div>

标签： javascripthtmljquerycss