SVG转换查看器
Free将SVG转换为PNG、JPEG、WEBP、BMP、ICO或AVIF，或将PNG/JPEG/WEBP/BMP/GIF/ICO封装为有效的SVG，自动检测转换方向，直接在浏览器中完成。
完全在您的浏览器中运行。您的文件绝不会被上传到任何地方。
点击选择文件，或将文件拖放到此处
输入 SVG,或输入 PNG / JPEG / WEBP / BMP / GIF / ICO--任一方向都会自动检测
最近活动
所有人可见。所有访客的最近 20 次使用记录,最新的在前。
暂无活动记录。快来成为第一个吧。
此工具的功能
直接在您的浏览器中在 SVG 和位图之间进行转换,可任意方向,自动检测您上传的是哪种格式。上传 SVG 可将其导出为任意缩放级别的 PNG、JPEG、WEBP、BMP、ICO 或 AVIF(如受支持);上传 PNG、JPEG、WEBP、BMP、GIF 或 ICO,即可获得一个内嵌原始图像的有效 .svg 文件。
工作原理
对于 SVG 转位图,该工具首先确定 SVG 的固有像素尺寸(显式的宽度/高度属性,然后是 viewBox,然后是 300x150 规范默认值),将其乘以您选择的缩放百分比,并按该精确尺寸将文件绘制到 HTML canvas 上。然后 PNG、JPEG、WEBP 和 AVIF 直接通过 canvas API 导出。BMP 由一个小型专用编码器构建,该编码器将 canvas 的原始像素数据写入标准的未压缩 24 位 BMP 文件,自下而上,采用该格式要求的蓝-绿-红字节顺序。ICO 通过获取 canvas 的 PNG 导出并将其封装在现代 ICO 容器格式(一个简短的标头后跟 PNG 数据)中构建而成,当前所有版本的 Windows 和所有主流浏览器都能接受该格式。对于位图转 SVG,该工具将上传文件的确切字节读取为数据 URI,并将该数据 URI 完全不加修改地放入新 SVG 文件的 <image> 元素中,同时将 SVG 的宽度、高度和 viewBox 设置为与原始图像的像素尺寸完全匹配。
解决的问题
- 将设计为 SVG 的徽标或图标上传到只接受 PNG 或 JPEG 的平台。
- 将 SVG 徽标转换为适用于网站图标或桌面快捷方式的正规 .ico 文件。
- 将现有的 PNG、JPEG 或 GIF 封装为有效的 SVG 文件,以适用于只接受 SVG 上传的系统或工作流程。
- 将矢量图形以特定像素大小导出,用于演示文稿、文档或印刷排版。
常见问题
›为什么我要把 SVG 转换为 PNG、JPEG、WEBP、BMP、ICO 或 AVIF?
SVG 是一种矢量格式,许多工具、平台和旧软件根本不支持它,例如大多数社交媒体图片上传器、一些 CMS 图片字段,或电子邮件客户端。转换为 PNG 等位图格式可以得到一个在任何地方都能正常使用的、基于像素的普通图像文件,并且是您选择的确切尺寸。ICO 尤其是 Windows 和浏览器期望用于网站图标和桌面图标的格式。
›缩放设置如何影响输出结果?
由于 SVG 是矢量格式,它本身没有固定的像素尺寸,只有从文件中读取的"固有"尺寸(其宽度/高度属性,或作为后备的 viewBox)。缩放会按比例放大或缩小该固有尺寸:100% 保持原始大小,200% 使两个维度都翻倍,50% 则将其减半,在最终光栅导出之前都不会有任何清晰度损失。
›我应该选择哪种输出格式?
PNG 是最安全的默认选择:支持透明,因此 SVG 中的任何透明区域都会保持透明,且它是无损的。JPEG 不支持透明,会用白色填充透明区域,但对照片类内容能生成更小的文件。WEBP 和 AVIF(在您的浏览器支持编码的情况下)都支持透明,文件大小通常比 PNG 或 JPEG 更小。BMP 是一种未压缩、通用可读的传统格式,文件体积较大。ICO 将图像打包为 Windows/浏览器图标文件,最常用于网站图标。
›将图片转换为 SVG 到底做了什么?
它不会将您的图像描摹或矢量化为路径和形状,那是由专门的矢量描摹工具处理的复杂得多的过程。相反,它会将您原始的 PNG、JPEG、WEBP、BMP、GIF 或 ICO 文件逐字节不加更改地封装在一个宽度、高度和 viewBox 相匹配的小型 SVG 容器中。结果是一个有效的 .svg 文件,可以在任何需要 SVG 的地方正确显示,同时其内部仍包含您完全原始的图像数据。
›如果我的 SVG 完全没有宽度、高度或 viewBox 怎么办?
该工具会回退到 300 x 150 像素,这正是 SVG 规范本身为这种情况定义的标准默认尺寸,因此转换永远不会失败,它只是在应用您的缩放百分比之前使用该默认值。
›我的文件会被上传到任何地方吗?
不会。所有转换,无论哪个方向,都完全在您的浏览器中使用 HTML canvas API 和 File API 完成。不会向服务器发送任何内容。
评论 (0)
觉得这个工具有用吗?留下评论、分享一个小技巧,或者告诉我们如何改进它。
暂无评论,快来抢沙发分享您的想法吧!