Html 背景图像像素化问题

我使用圆形图像作为背景图像。但它在边缘显示像素化。我怎样才能修好它

这是我正在使用的代码

.icons.second_icon {
    width: 100px;
    height: 100px;
    margin: 0 auto;
    background: url(http://yoursite.com/wp-content/uploads/2016/02/mn-1.png);
    background-size: 100% 100%; background-repeat: no-repeat;
}

<div class="icons  second_icon"></div>

.icons.second\u图标{
宽度：100px；
高度：100px；
保证金：0自动；
背景：url(http://yoursite.com/wp-content/uploads/2016/02/mn-1.png);
背景大小：100%100%；背景重复：无重复；
}

您会注意到，您的图像实际上是在边缘进行像素化的。也许您需要使用不同的图像或在编辑程序中对其进行润色

---

发布您的代码。图像质量如何？文件大小是多少？这是什么样的图像？在我看来，这是图像的错…它和png图像。这是linki在代码片段中重新创建的代码，看不到像素化。你确定没有其他样式覆盖你发布的CSS吗？特别是我在右边看到了像素化。实际上，图像根本没有像素化。您可以在inspect Element中进行检查抱歉不同意，但肯定存在像素化。请参阅附件图片：）别担心，@BryantJackson-我甚至不认为互联网上的长者会知道最初发布的图片不是原件，以及OP正在经历的事情。我也这么想。让我们希望一些代码可以揭示这个秘密。。。