SVG 在小分辨率下看起来很糟糕?

平面设计 图片 svg PNG 画面质量
2022-01-31 16:38:29

我已经创建了一个 SVG 图像,试图在重新调整元素大小或通过 CSS 缩放它时解决质量问题。

令我惊讶的是,我的 SVG 图像看起来比缩小后的 GIF 或 JPG 图像还要糟糕。

这是一张显示我的意思的图片:

在此处输入图像描述

我认为 SVG 会显示出更好的质量,因为它可以调整大小而不会丢失质量。为什么会发生这种情况?

2个回答

这是一个普遍的误解。可扩展并不意味着无限 可扩展。并非所有的 svg 渲染器和文件都是一样的

矢量图形带来的是按需栅格化。这意味着显示它们的应用程序可以重做艺术。这在大尺寸时非常棒,但在图像较小时需要特别注意。这就是字体被“提示”的原因,本质上字体具有小尺寸的位图版本。事实是在小范围内,您的图像需要设计为达到像素。

其次,没有特别保证接受矢量数据并制作位图的渲染器做得很好。每个应用程序执行不同的结果,但这里很明显 aa 引擎抗锯齿为黑色,这是错误的。这对于不对图形进行超采样的引擎来说是非常典型的。

完全错误的想法,我不同意你的看法。SVG图像比PNG好多了。在您减小尺寸时,它永远不会失去质量。更简单的方法来改变设计控制,很好地压缩并很好地支持所有设备。