Jquery 使用此图像作为背景图像后，图像不太清晰

原始图像位于文件夹中，由背景图像CSS属性访问，并在div中用作背景图像。但它看起来与原始图像不同。我已经尝试了CSS3封面、图像渲染等来解决这个问题，但输出仍然没有变化。我也尝试了CSS3过滤器，但没有任何改变

原始图像

图像作为div背景

我尝试的代码：

width: 48px;
height: 48px;
background-image: url(img/15294860.jpeg)

---

检查下面的代码片段，我认为它看起来是正确的。只需添加背景重复：无重复；删除重复图像

.形象{ 宽度：48px； 高度：48px； 背景图片：url'https://i.stack.imgur.com/Aa1XR.jpg'; 背景重复：无重复； 背景尺寸：封面； } .背景{ 宽度：48px； 高度：48px； 背景：urlhttps://vignette.wikia.nocookie.net/lego/images/1/16/Harrypottery5-7-200x200.jpg/revision/latest?cb=20111021110949no-重复； 背景尺寸：封面； }

---

看起来您正在缩放图像，因为它是200x200图像，但是您指定了48x48，因此它会被重新采样，这从来都不是一件好事。按原尺寸使用。是的，原始图像大小为200x200，并固定在DIV大小48px，48px中，如果我正在查看，请解决相同的问题，而不是使用图像本机大小在外部程序中使用良好的重采样算法Photoshop、GIMP等将图像大小调整为48x48，然后改用它。