跳到正文
JFIF.IO
SVG

什么是 SVG?

SVG(可缩放矢量图形)用 XML 描述形状、路径和文字,因此在任何尺寸下都能保持清晰锐利。

SVGScalable Vector Graphics
文件扩展名
.svg
MIME 类型
image/svg+xml
推出时间
2001
压缩
矢量
透明
支持
动画
支持
浏览器支持
全面支持

概述

SVG 是 W3C 标准,于 2001 年首次发布。SVG 文件保存的是绘图指令而不是像素,非常适合需要在各种屏幕上都清晰显示的标志、图标和插画。

SVG 可以包含 CSS、动画甚至脚本。这种灵活性也带来风险:直接嵌入页面的不可信 SVG 可能执行代码。JFIF.IO 通过隔离的图片元素渲染 SVG 文件,脚本永远不会运行,也不会加载任何外部资源。

优点

  • +与分辨率无关,任何尺寸都清晰
  • +简单图形文件极小
  • +可作为文本编辑,并用 CSS 设置样式
  • +文字保持可访问、可搜索

缺点

  • −不适合照片
  • −复杂图形渲染可能较慢
  • −可能包含脚本,需谨慎对待不可信的 SVG
  • −部分平台只接受位图

SVG 压缩原理

SVG 是纯文本,本身不压缩。SVGO 等压缩工具可以去除冗余数据,而 .svgz 文件就是用 gzip 压缩的 SVG。

常见用途

  • 标志和品牌标识
  • 图标和界面插画
  • 图表和示意图

浏览器和软件支持

所有浏览器都能渲染 SVG。转换时请选择输出宽度或 DPI——矢量图会按该尺寸重新渲染,因此依然清晰。

如何转换 SVG

使用本页顶部的转换器:拖入文件,选择输出格式,然后下载结果。转换在浏览器中进行,不会上传任何内容。

转换为
  • JPG 不支持透明。透明区域将用背景色填充。

已在您的浏览器中本地处理

SVG 常见问题

这里的 SVG 转 PNG 是如何实现的?

您的浏览器按所选尺寸渲染 SVG,然后将结果保存为 PNG、JPG 或其他位图格式。SVG 中的脚本永远不会运行。

能把 PNG 或 JPG 转换为 SVG 吗?

仅靠格式转换无法得到有意义的结果。把像素变成矢量需要矢量描摹,那是另一回事。我们不提供只是把像素包进 SVG 文件的“假 SVG”。