SVG 示例文件 — 下载矢量测试图形(从简单到复杂)

可缩放矢量图形(Scalable Vector Graphics) · .svg · MIME 类型 image/svg+xml

3 个文件2 KB – 406 KB直链下载无广告,无需注册任意用途免费SHA-256 已校验

下载三种复杂度的 SVG 示例文件——分别约 20、600 和 6,000 个 path 元素——测试渲染性能、安全清理、栅格化和上传处理。每个文件都是有效的 XML,带 viewBox、渐变、文字元素和 aria-label,不含脚本、外部引用或内嵌位图。

SVG 是浏览器唯一原生渲染的矢量格式,非常适合做 logo 和图标,但作为上传格式却有风险:SVG 可以包含 JavaScript。如果你接受用户上传 SVG,这些干净的文件就是你的基准,你的清理程序应让它们原样通过。

SVG 示例预览
预览:sample-vector-simple.svg — 本页所有文件都使用同一测试图案,只是尺寸或分辨率不同。

下载 SVG 示例文件

文件详情大小下载
sample-vector-simple.svg
简单 • 20 条路径
1200 × 6302 KB
2,225 字节
下载 SVG
sample-vector-medium.svg
中等 • 600 条路径
1200 × 63041 KB
41,438 字节
下载 SVG
sample-vector-complex.svg
复杂 • 6000 条路径
1200 × 630406 KB
406,407 字节
下载 SVG
3 个文件 · 直链 · 无需注册 · 支持 CORS

需要每种图片格式各一个?下载图片示例文件包(1.4 MB,每种图片格式各一个小文件(13 个文件))。

在命令行或 CI 中使用这些文件

每个 URL 都稳定不变并开放 CORS。在测试中固定 SHA-256,一旦测试夹具发生变化,你会立刻知道。

# 下载单个文件
curl -O https://pnb-freetoolsforweb.s3.us-east-2.amazonaws.com/samples/images/svg/sample-vector-simple.svg

# 校验文件(上方每个文件都列出了 SHA-256)
shasum -a 256 sample-vector-simple.svg

# 所有示例文件的机器可读索引
curl https://pnb-freetoolsforweb.s3.us-east-2.amazonaws.com/samples/index.json | jq '.files[] | select(.format=="svg")'

SVG 格式概览

全称可缩放矢量图形(Scalable Vector Graphics)
扩展名.svg
MIME 类型image/svg+xml
标准W3C SVG 1.1(2011 年),SVG 2(工作草案)
类型矢量,XML 文本——与分辨率无关
透明支持
动画支持(SMIL、CSS)
脚本可以包含——请清理用户上传的文件
开头<?xml … 或 <svg

用 SVG 示例文件测试什么

  • SVG 安全清理和 CSP 测试(这些文件不含脚本,应完整保留)
  • 将 SVG 栅格化为多种尺寸的 PNG
  • 数千条路径下的渲染性能
  • 图标和 logo 上传流程
测试说明。 复杂文件约 600 KB 的 XML——大到足以让慢速渲染器现形,又小到任何编辑器都能打开。

常见问题

允许用户上传 SVG 文件安全吗?

只有经过清理才安全。SVG 可以嵌入 <script>、事件处理器和外部引用。请在服务端去除这些内容(或栅格化为 PNG),并从单独的源、配合严格的 Content-Security-Policy 提供用户上传的 SVG。我们的示例文件不含上述任何内容,是很好的“应当通过”对照组。

如何把 SVG 转换为 PNG 或 JPG?

任何浏览器都能栅格化 SVG:把它绘制到 canvas 上再导出即可。我们的免费图片格式转换工具正是在客户端这样做的,Favicon 生成器则能把 SVG logo 变成一整套图标。

下载这些 SVG 文件安全吗?

安全。每个文件都由我们自己的开源脚本从零生成——没有抓取或用户上传的内容——不包含脚本、宏或可执行文件。本页公布了每个文件的 SHA-256,方便你校验收到的文件。

可以将这些 SVG 示例文件用于商业用途吗?

可以。它们可免费用于任何用途,包括商业产品、测试套件、演示和再分发,无需署名。不需要任何授权,也不必征求任何人的同意。

可以直接外链这些文件或在 CI 中使用吗?

可以。每个链接都是稳定的 HTTPS 直链,带有 Access-Control-Allow-Origin: * 和较长的缓存头,curl、wget、fetch() 和测试运行器都可以直接拉取。每个页面都链接了所有文件的 JSON 索引(见命令行部分)。

相关示例文件

支持 SVG 的免费工具

  • 图片格式转换 — 在 AVIF、HEIC、TIFF、PNG、JPG、WebP、GIF、BMP 和 SVG 之间转换。大多数转换都不会离开你的浏览器。
  • Favicon 生成器 — 把任意 Logo 一键转换成完整的 favicon 图标包——favicon.ico、所有 PNG 尺寸、Apple touch 图标和 webmanifest。

发现问题,或者觉得哪里可以更好?每条消息我们都会阅读,并尽快修复。

在测试文件处理流程?我们就是做这个的。

上传、转换、预览、文档处理和媒体工作流,正是 FreeToolsForWeb 为客户设计和运营的生产系统——这也是我们当初需要这些文件的原因。

浏览免费工具