SVG 文件在线查看器

打开 SVG 文件或粘贴代码,在线渲染并预览 SVG 图形。免费使用,无需注册,文件留在浏览器中。

将 SVG 文件拖到这里

打开文件,并排查看 SVG 图形和源码。

SVG 上限 250 KB · 每次处理一个文件
SVG 预览

SVG 图形将在这里显示。

SVG 上限 250 KB · 每次处理一个文件
背景
免费使用无需注册无需安装文件留在浏览器中

如何打开 SVG 文件?

在 Windows 中,右键点击 SVG 文件,选择“打开方式”→ Chrome 或 Edge;在 Mac 上,选择“打开方式”→ Safari 或 Chrome。想同时查看图形和源码,可以直接在本页打开文件或粘贴代码,无需安装额外软件。

01

打开 SVG 文件或粘贴代码

将 .svg 文件拖入查看器,或点击“打开 SVG 文件”。如果已有源码,点击“粘贴 SVG 代码”。

02

查看并检查预览

缩放图形、切换背景检查透明区域,并查看尺寸和 viewBox。修改代码后,预览会自动更新。

03

保存或转换格式

复制检查后的 SVG 代码,或下载 SVG 文件。选择目标格式,可将当前图形带入对应的转换工具。

在线渲染 SVG 代码

粘贴完整 SVG 文档,即可在浏览器中渲染图形,并在源码旁查看结果。SVG 代码在线预览结合语法高亮和行号,方便你定位形状、文字与颜色。修改属性后预览自动更新,也可以格式化代码、撤销或重做,无需离开页面。

使用前先检查 SVG 图形

放大检查图标细节,在浅色和深色背景上查看标志,或确认图表边界。棋盘格背景方便识别透明区域。对于支持的 CSS 动画,可以播放、暂停和重新播放。

SVG 在线查看器和编辑器有什么区别?

查看器用于显示图形,编辑器用于修改内容。本页可以查看 SVG 文件,也可以编辑源码。如果需要生成新设计、用 AI 修改图形或使用更多设置,可以打开主工作台。

打开 SVG 编辑器与 AI 生成器

什么是 SVG 文件?

SVG 用 XML 文本描述形状、路径和文字。矢量图形没有固定像素网格,可以缩放显示。同一个文件既能作为图片查看,也能作为源码阅读,因此这个查看器同时提供图形与代码视图。

SVG 查看器常见问题

SVG 查看器免费吗?

免费。打开文件、在线渲染 SVG 代码、检查预览、复制代码和下载 SVG 都不收费,也不消耗 AI 积分,无需注册账户。

SVG 文件会上传到服务器吗?

不会。查看和渲染在浏览器中完成,SVG 代码和文件名不会发送到统计系统。选择其他工具时,图形会在当前浏览器标签页中临时传递,不会写入网址。

可以查看 SVG 动画吗?

支持范围内的 CSS 动画可以播放、暂停和重新播放。不支持脚本驱动的动画和 <animate> 等 SMIL 元素。遇到不支持的内容时会提示,不会悄悄改动图形后再显示。

SVG 文件大小上限是多少?

每个文件的上限为 250 KB,元素数量、路径和动画规则也有复杂度限制。超出限制时会显示提示,你可以简化源码后重试。

手机上可以使用 SVG 查看器吗?

可以。在较新的手机浏览器中打开本页,选择 SVG 文件或粘贴代码即可查看。小屏幕上源码与预览上下排列,无需另外安装手机应用。

Windows 11 或 Mac 如何打开 SVG 文件?

点击本页的“打开 SVG 文件”,选择设备中的文件即可。兼容的浏览器也能直接打开 SVG。如果双击后启动了文本编辑器,或系统要求选择程序,用这个在线查看器便无需修改系统设置。

可以将 SVG 转成 PNG、JPG、WebP、PDF 或 DXF 吗?

可以。浏览器存储可用时,格式链接会将当前 SVG 带入已有的转换工具。每个工具都会独立检查支持的 SVG 功能;PDF 和 DXF 有各自的页面或几何设置,栅格图片导出为静态图像。

所有 SVG 都能与原文件显示得完全一样吗?

查看器有明确的功能范围,会拦截脚本和外部资源。不支持的效果或设备上缺失的字体可能导致无法正确预览。使用前请检查结果,不能保证完整显示所有应用导出的 SVG。

打开 SVG,立即查看。

打开文件或粘贴代码,在浏览器中预览、检查并下载 SVG。

打开 SVG 查看器