工具AI 工具使用指南常见问题打开编辑器
免费 · 浏览器内运行 · 14 种语言

SVG 转 PNG

把 SVG 图形转成任意尺寸的 PNG —— 1x、2x 或 4x,透明或白色背景任选。全程在浏览器内运行,图片不上传。

把图片拖到这里,或点击选择

本地处理 —— 不会上传任何内容

如何把 SVG 转成 PNG

01

把 SVG 文件拖进框里。矢量图形立刻加载并显示原始大小。文件只留在这个标签页,绝不上传。

02

选择输出宽度和倍率 —— 视网膜屏导出选 2x 或 4x。背景选透明或填充白色。

03

点击「转换」并下载 PNG。它到处都能打开 —— 聊天软件、社交媒体和不接受 SVG 的办公软件都可以。

实用技巧

PNG 还是 SVG:按用途选对格式

两种格式回答不同的问题。SVG 回答「怎么让它每个尺寸都清晰?」—— 适合设计、编辑和建站阶段。PNG 回答「怎么保证它在哪都能打开?」—— 适合交付,因为几十年来每个操作系统、聊天软件和浏览器都能显示 PNG。实用的工作流两者都用:设计工具里留 SVG 母版,按每个平台需要的精确尺寸导出 PNG 副本。本转换器就负责导出这一步,几秒钟把矢量母版变成随手可用的 PNG。

视网膜屏与响应式导出:为什么 2x 重要

现代手机和笔记本屏幕在每个 CSS 像素里塞了 2 到 3 个物理像素。一张按 100 CSS 像素宽导出的图标,到视网膜屏上会被拉伸到 200 物理像素 —— 而 PNG 无法凭空造出缺失的细节,所以看起来发虚。解决办法很简单:按 2x 导出(超高密度屏用 4x),让浏览器缩小显示。这里的 2x、4x 选项做的正是这件事,而且因为你的源文件是矢量,任何放大导出都保持完美锐利。两个尺寸拿不准时选大的 —— 缩小一张清晰的 PNG 永远安全,放大一张小 PNG 从来不是。

透明背景的正确处理

PNG 给每个像素多存了一个值 —— alpha,表示这个像素的透明程度。带透明区域的 SVG 转换时,这个信息会原样保留,这让 PNG 天然适合图标、表情包和要贴到任意背景上的抠图商品照。唯一要注意的是透明之外的周边:深色模式应用里,全透明的图标会在黑色界面上消失;预览工具也常把透明显示成棋盘格,截图里看着很怪。白色背景选项就是为这些时刻准备的 —— 它把图片压平,让图形在任何地方看起来都一样,代价是失去 alpha 通道。

常见问题

为什么我需要 PNG 而不是 SVG?+

SVG 做设计很完美,但很多日常平台不接受它:Instagram 帖子、微信/WhatsApp 表情、Word 文档、邮件签名都要 PNG 这类位图格式。需要一张到处都能用的图时,就转成 PNG。

该导出多大尺寸?+

按最终用途选:图标按原生大小显示就 1x;网站和 App 图形在视网膜屏上大多用 2x;封面、海报和一切印刷品用 4x。SVG 是矢量,导出再大也不会糊 —— 唯一代价是文件体积。

转换后透明背景还在吗?+

会 —— PNG 保留 alpha 通道,透明区域依旧透明。只有在需要压平图片时才选白色背景,比如避免深色模式阅读器把透明图标显示成看不见。

这个转换器真的免费吗?+

是的。渲染就在你的设备上进行 —— 没有服务器、没有上传队列、永远没有水印。想转多少转多少。

为什么我的 SVG 渲染出来是空白?+

几乎都是因为 SVG 用脚本绘制内容或引用了外部文件,独立转换器加载不了。从 Figma、Illustrator、Inkscape 导出的文件都能正常渲染。如果你的 SVG 来自某个框架,先在设计工具里导出为普通静态 SVG 再转换。

相关工具