什么是 SVG?

来自 DeepSeek:

SVG 的全称是 Scalable Vector Graphics,翻译成中文就是 可缩放矢量图形。

你可以把它想象成一种用 文字(代码)来画图 的方式。比如,你想画一个红色的圆圈,用 SVG 写出来就是:

“在坐标 (50,50) 的位置,画一个半径 40 像素的圆,用红色填充。” 电脑收到这个指令,就会在网页上画出来。

为什么用 SVG 而不是普通图片(比如 JPG、PNG)?

可以随时修改
因为它是文字,你可以直接用记事本打开,改改颜色、大小,就像改代码一样。

放大不会模糊
普通图片是由很多小点(像素)组成的,放大了就会看到马赛克。SVG 是用数学公式描述的,不管放大多少倍,线条依然光滑清晰。就像你用圆规画的圆,放大看还是圆的。

文件很小
因为 SVG 存的是“画圆的指令”,而不是存每个点的颜色,所以文件通常很小。比如一个简单的图标,用 SVG 可能只有几百字节,而 PNG 图片可能要几 KB。

生活中打个比方

  • PNG/JPG 就像拍照片,拍好后就固定了,放大就糊。
  • SVG 就像用语言描述一幅画,你说“画一个红太阳,旁边有棵绿色的树”,别人(电脑)就会根据你的描述画出画来,而且可以画很大很大,线条还是那么清晰。

希望这个解释能让你明白 SVG 是什么。如果还有哪里不清楚,随时再问我!

评论

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注