如何缩放.png？

Question

我正在制作一个网站，但我的徽标是 PNG 格式，因为它是像素艺术。我在徽标图像上使用了 CSS 线

image-rendering: pixelated;

，但我还没有发现它在某些情况下是可靠的。 SVG 转换器让它看起来很奇怪。我想保留像素但使其可扩展。如果有帮助，我会添加我的徽标的 html 和 CSS。

HTML-

<img src="images/favicon.png" id="logo">

CSS-

#logo {
    image-rendering: pixelated;
    position: fixed;
    left: 5px;
    top: 5px;
}

Answer 1

您无法像矢量一样缩放 PNG，因为没有信息如何添加更多像素。
所以图像变得模糊。

但是一些新奇特的人工智能工具声称它们可以增强模糊图像，所以试试这些吧。

您永远不会获得相同的清晰度。

如果您的Logo适合用矢量绘制；手动重新创建它是您唯一的选择。