将其用作背景图像后图像不太清晰

Question

原始图像位于文件夹中，并由background-image CSS属性访问，以在div中用作背景图像。但是它看起来与原始图像不同。我已经尝试过CSS3 cover，image-rendering等来解决此问题，但输出仍然没有变化。我还尝试了CSS3过滤器，但没有任何改变。

原始图片

图片作为div背景

我尝试的代码：

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

Answer 1

检查以下代码段，我认为它看起来不错。只需添加背景重复：不重复；删除重复的图像。

.image {
  width: 48px;
  height: 48px;
  background-image: url('https://i.stack.imgur.com/Aa1XR.jpg');
  background-repeat: no-repeat;
    background-size: cover;
}

<div class="image"></div>

Answer 2

.background {
  width: 48px;
  height: 48px;
  background: url("https://vignette.wikia.nocookie.net/lego/images/1/16/Harrypottery5-7-200x200.jpg/revision/latest?cb=20111021110949")no-repeat;
    background-size: cover;
}

<div class="background"></div>