品牌字标
通过 @font-face 链接的两款 Web 字体会在绘制前下载并嵌入,然后以 4× 保存为透明 PNG。
免费 · 浏览器本地运行
高清 SVG 转 PNG,一次最多 50 个:SVG 文件或粘贴的 SVG 代码,都能转成清晰的 PNG、JPG、WebP 或分层 PSD。可选 1×–8× 倍率、精确像素或打印 DPI;Web 字体和链接的图片会先嵌入,一键还能生成完整的 favicon 和应用图标包。不上传任何文件。
手边没有 SVG?试试示例:
示例
六个原创文件,涵盖许多转换器容易出错的内容:Web 字体、链接的照片、HTML 文字标签、毫米尺寸,以及只有 viewBox 的图标。每个示例都会以对应设置在转换器中打开。
通过 @font-face 链接的两款 Web 字体会在绘制前下载并嵌入,然后以 4× 保存为透明 PNG。
六个只有 viewBox 的图标,按 16 到 256 px 导出,每种尺寸一个文件夹。
链接的照片、渐变、投影滤镜、路径文字和 CSS 类,以白底 JPG 保存。
draw.io 风格、用 HTML(foreignObject)编写的文字标签保持原位,粗体和换行都完整保留。
以毫米为单位设定尺寸。按 300 DPI 的打印尺寸导出,正好得到 1,748 × 2,480 px,DPI 也会写入 PNG。
一个正方形 SVG,即可生成 favicon.ico、PNG favicon、Apple 和 Android 图标以及 Web 应用清单(manifest)。
三个步骤
添加文件、选择尺寸、下载。一切都在这个浏览器标签页里完成。
拖入、选择或粘贴最多 50 个 .svg 或 .svgz 文件(每个 20 MB),也可以粘贴 SVG 代码,或通过链接载入 SVG。
按 1×–8× 缩放、输入精确像素,或按 DPI 设定打印尺寸。保存为 PNG、JPG、WebP 或分层 PSD,也可以切换到“图标集”或“Favicon 图标包”。
保存单个文件,或把全部文件打包成一个 ZIP。任何无法嵌入的字体或图片,都会在对应文件上注明。
为什么选这个转换器
很多转换器会丢失文字,在链接照片的位置显示一张破图,或者悄悄缩小你设定的尺寸。
CSS、渐变、滤镜、蒙版和 HTML 文字标签,都由网页上显示 SVG 的同一个 SVG 引擎绘制。
@font-face、Google Fonts 的 @import 和链接的图片会先下载并嵌入,字体只嵌入文字用到的子集。任何失败的资源都会注明。
缺少 xmlns、 等 HTML 实体、重复或没加引号的属性、未闭合的标签都会被修复,而不是输出一张空白图。
脚本、事件处理程序和不安全的 HTML 都会被移除,文件以图片方式绘制,在这种方式下脚本本来就无法运行。
下载前会显示输出尺寸和文件大小,绝不会背着你偷偷缩小。
一键生成 favicon 和应用图标包,按文件夹导出每个图标的全部尺寸,或生成分层 PSD。
效果预期
每个文件都由你的浏览器绘制,转换器会列出它无法包含的内容。
如果文字必须在任何地方看起来都完全一致,请先在设计软件中把文字转曲(转为轮廓),再导出 SVG。
尺寸与 DPI
SVG 没有固定的像素尺寸。转换器会读取它的 width 和 height,把 mm、cm、in 和 pt 按每英寸 96 像素换算成像素,或者使用 viewBox,再按你选择的尺寸重新绘制图形。图形绝不是从小位图拉伸放大的。
| 设置 | 适用于 |
|---|---|
| 1× | SVG 本身的尺寸,适合已经设定了图片尺寸的网页。 |
| 2× | 默认值:在 Retina 屏幕和大多数手机屏幕上都很清晰。 |
| 3× – 4× | 幻灯片、社交媒体帖子,以及会被放大查看的文档。 |
| 8× | 大幅打印,或之后还要裁剪的作品。 |
| 精确像素 | 需要指定宽度或高度时使用,比如帖子要求 1080 px。两项都填,则适配到该尺寸框内。 |
| 纸张 | 150 DPI | 300 DPI |
|---|---|---|
| A4(210 × 297 mm) | 1,240 × 1,754 | 2,480 × 3,508 |
| A5(148 × 210 mm) | 874 × 1,240 | 1,748 × 2,480 |
| 美国信纸(8.5 × 11 in) | 1,275 × 1,650 | 2,550 × 3,300 |
| 照片(4 × 6 in) | 600 × 900 | 1,200 × 1,800 |
DPI 本身不会增加像素:它告诉打印和排版软件应该把图片印多大。PNG 把它存在 pHYs 块中,JPG 存在 JFIF 文件头中;WebP 没有存放它的标准位置。“打印尺寸”模式也会用 DPI 计算像素数,所以按 A5 绘制的 SVG 会正好输出上表中的尺寸。
Favicon 与应用图标
添加你的 Logo 或图标 SVG,切换到“Favicon 图标包”,下载一个 ZIP,里面就是网站或 Web 应用所需的全部文件:
需要一整套图标?“图标集”模式会把每个 SVG 导出为你勾选的尺寸,从 16 到 1024 px,每种尺寸一个文件夹。
使用场景
按尺寸文件夹导出 16–1024 px 的整套图标,或生成包含 ICO、Apple 和 Android 图标的 favicon 图标包。
PowerPoint、Keynote、Google 文档和 Word 都支持 PNG;以 2× 或 3× 导出的 Logo 在投影仪上依然清晰。
大多数社交网络和聊天应用不支持上传 SVG。按精确像素尺寸保存为 PNG、JPG 或 WebP 即可。
按 DPI 设定打印尺寸并把 DPI 写入文件,或得到每个顶层组一个图层的分层 PSD。
把 SVG 文件拖进本页顶部的转换器,选择尺寸和格式,然后下载。转换在你的浏览器中运行,所以完全免费:无需注册,没有水印,也不消耗积分。
不会。文件在你的设备上读取和绘制。只有 SVG 中链接的 Web 字体和图片,会由你的浏览器从它们所在的服务器下载,以便嵌入 PNG。
选择 2×、3×、4× 或 8×,或者输入精确像素。图形会按该尺寸重新绘制,而不是从小位图放大,所以边缘始终清晰。在电脑上,每边最多 16,384 px、总计约 1 亿像素都能处理(手机上约 1600 万像素);超出时会提示你,绝不会擅自缩小。
SVG 只写明字体名称。如果你的设备没有安装该字体,SVG 也没有从允许下载的服务器(例如 Google Fonts)链接它,浏览器就会换用另一种字体。转换器会在对应文件上注明缺失的字体。链接一款 Web 字体,或把文字转曲,就能解决。
可以。最多添加 50 个 .svg 或 .svgz 文件(每个不超过 20 MB),并打包成一个 ZIP 下载。“图标集”模式会把每个文件导出为多种尺寸,每种尺寸一个文件夹。
添加 SVG,选择“Favicon 图标包”并下载 ZIP。里面有 favicon.ico(16、32 和 48 px)、PNG favicon、180 px 的 Apple touch 图标、192 和 512 px 的 Android 图标、maskable 图标、favicon.svg、site.webmanifest,以及要放进页面的 HTML 标签。
可以。除非你选择了背景颜色,PNG 和 WebP 都会保持透明。JPG 无法保存透明,所以会使用白色或你选择的颜色。
用于屏幕显示时无所谓,72 或 96 都可以。用于打印时,选择“打印尺寸”和 300 DPI:转换器会根据 SVG 的物理尺寸算出像素,并把 DPI 写入 PNG 和 JPG 文件。
可以。选择 PSD:每个顶层组或形状都会变成一个像素图层,以它的 id 或标签命名,叠在一张完整合成图之上。文字会变成像素,而不是可编辑的文字图层。
SVG 文件可能包含脚本。转换器会在绘制前移除脚本、事件处理程序和不安全的 HTML,并以图片方式绘制文件,在这种方式下脚本本来就无法运行。
SVG 转 PNG 在线转换器
拖入 SVG 文件,选好尺寸,即可下载。免费,并在你的设备上完成转换。
选择 SVG 文件