StyleSVG

SVG 查看器

在浏览器里运行的免费 SVG 查看器。拖入文件或粘贴 SVG 代码,即可查看图形、放大任意细节、切换深色背景,并读取它的尺寸、颜色和源代码。看完后,还能在同一页面转换为 PNG、JPG、WebP、ICO 或 PDF。不上传任何内容。

拖入 SVG 文件即可查看

最大 10 MB 的 SVG · 在浏览器里转换,不会上传

选择 SVG

SVG 在你的设备上转换,不会上传。文件里引用的外部字体和图片不会被加载。

以纯文本打开的 SVG 文件代码
转换前:以文本方式打开,SVG 只是一行行代码。
同一个文件显示为蜘蛛插画 | SVG 查看器
查看后:查看器画出图形,并列出尺寸和颜色。

为什么需要 SVG 查看器?

SVG 是描述形状的文本文件,看到什么取决于用哪个程序打开。专门的查看器能把图形和背后的信息放在一起展示。

使用前先检查文件

买来的切割文件、下载的图标包,或者客户发来的 Logo,先在这里打开,确认图案正确、比例合适、没有多余或缺失的图形,再导入 Cricut、激光机或网站。

在任何电脑或手机上打开 SVG

Windows 经常把 SVG 打开到浏览器标签页,甚至打不开;资源管理器不显示缩略图;手机也很少知道怎么处理。这个页面在哪里用法都一样,无需安装。

看清代码里有什么

信息面板会读取宽度、高度和 viewBox,统计路径和分组数量,列出所有颜色,并标出渐变、遮罩、滤镜、文字、内嵌图片和动画。快速判断文件能否顺利切割、打印或缩放。

为什么用这个 SVG 查看器?

大多数在线工具要先上传文件才能显示。这个工具全部在本地完成,还提供手作者和开发者真正需要的检查项。

默认安全

SVG 文件可能包含脚本和链接。显示之前,这个 SVG 查看器会移除脚本、事件处理和外部引用,再以普通图片显示清洗后的文件,并告诉你移除了多少内容。原始代码仍以文本形式显示在代码面板里。

缩放、背景和代码并排

可在 10% 到 1600% 之间缩放,每一级都重新绘制矢量,边缘始终清晰。在棋盘格、白色和黑色背景之间切换,找出白色或透明的图形;一键复制完整源代码。

不用打开别的工具就能转换

预览下方可以直接把同一个文件保存为 PNG、JPG、WebP、ICO 或 PDF,并设置尺寸、背景和页面。不用重新选择文件,也不用去别的网站。

3 步查看 SVG 文件

查看只需一两秒,文件不会离开你的设备。

1

打开或粘贴 SVG

把 10 MB 以内的 .svg 文件拖到上方,或点“选择 SVG”;也可以把 SVG 代码粘贴到文本框,点“把代码显示为图片”。

2

四处看看

用加号和减号缩放,点“适应窗口”回到整体视图,用圆形色块切换背景。放大后滚动预览区即可移动查看。

3

检查信息,再转换

在“文件信息”里查看尺寸、元素数量、颜色和特性,需要时复制代码,再在“转换或下载”里选择格式,保存图片或 PDF。

检查 SVG 文件的小技巧

使用设计文件前,值得留意这几点。

用黑色背景看白色图形

白色文字和轮廓在白底上看不见。切到黑色背景可以看到所有图形,切到棋盘格可以区分白色填充和透明区域。

切割前看看颜色列表

在 Cricut Design Space 里每种颜色通常是一个图层,在激光软件里通常是一道工序。如果列表里有几乎相同的颜色,先在设计软件里合并,能节省上机时间。

需要商品展示图?

电商平台和社交网络要 PNG 或 JPG 预览图。可以直接在查看器下方转换,也可以打开专门的 SVG 转 PNG 工具,导出透明、高分辨率的图片。

SVG 转 PNG →

SVG 查看器常见问题

有 SVG 要检查吗?

打开 SVG 查看器