您最喜欢的城市的最爱地点
首页
添加为 Google 首选来源

SVG 转 PNG

将受支持的静态 SVG 转换为指定像素尺寸、透明或纯色背景的 PNG。本地完成转换,检查结果后下载与预览相同的已验证图片。

SVG 输入

未选择文件

仅限一个不超过 4 MiB 的 SVG。输出每边最多 8192 像素,总计最多 8,388,608 像素。还适用其他资源和时间限制。

PNG 结果

选择文件或粘贴 SVG,然后转换以查看 PNG。

转换在本地进行。此工具不会上传源文件,也不会获取源文件中指定的网络资源。

将矢量图制作成 PNG

  1. 选择一个 SVG 文件或粘贴其 UTF-8 标记。源内容在交给渲染器前会经过检查。
  2. 使用检测到的视口或指定画布,然后选择原始尺寸、宽度或高度及输出背景。
  3. 选择“转换为 PNG”,检查并下载结果。更改源内容或设置会使旧图片失效。

了解画布和像素

SVG 的 viewBox 描述的是坐标矩形,并非通用的像素尺寸。转换器优先使用根元素明确指定的尺寸;缺少尺寸时采用文档所述的 viewBox 约定。

自定义视口用于定义源画布。选择输出宽度或高度后,另一像素轴按该画布计算;最终四舍五入为整数可能略微改变宽高比。

PNG 支持透明。预览中的棋盘格不属于文件内容。选择纯色背景会有意用指定的不透明颜色替换透明区域。

文字使用随工具提供的常规字体渲染。请求的字体族、字重、间距或文字系统可能显示不同,也可能缺少字形。如需精确的原图字体效果,请先将文字转为轮廓。

尺寸示例

viewBox 为 10 20 400 200 且未指定根尺寸时,源画布为 400 × 200。选择宽度 1200 会得到 1200 × 600 的 PNG;viewBox 非零原点仍然有效。

viewBox 为 100 × 50 且只指定宽度 200 时,本工具会推导出高度 100。这是本工具的尺寸约定,并不表示所有独立渲染器都以同样方式处理缺失的轴。

3 × 2 的源画布调整到宽度 10 时,需要整数高度 7。小数坐标和抗锯齿仍由固定版本的渲染器处理,并非由尺寸公式重建。

支持静态子集,并非所有 SVG

该子集包括常见路径、形状、分组、文字、样式、渐变、本地复用、裁剪、蒙版、标记以及经过验证的嵌入式 PNG 或 JPEG 图片。不支持的功能会被拒绝,不会悄悄生成不完整结果。

此版本不支持滤镜、图案、动画、脚本、HTML foreignObject、外部资源或嵌套 SVG 图片。部分导出的图片,尤其带有效果或阴影的图片,需要先在其他地方处理。

源内容上限为 4 MiB;输出每轴最多 8192 像素,整张位图最多 8,388,608 像素。结构、嵌入图片、展开、临时表面和时间也有限制。源文件小并不保证渲染开销小。

本工具不保证与浏览器渲染完全相同,也不保证原始字体、ICC 色彩配置文件、打印 DPI 元数据、任意 Unicode 覆盖或保留源元数据。此处 DPI 用于物理单位换算,不代表 PNG 的打印元数据。

一次只转换一个文档。原 SVG 不会被编辑、上传、作为可执行标记预览或替换为可下载的重写 SVG。本工具不提供批量 ZIP、SVG 编辑器或压缩率保证。

使用固定资源在本地转换

转换使用本地 worker 及同源的固定渲染器和字体资源。工具不会上传所提供的 SVG、图片资源或文件内容,不会将其保存到历史记录或放入分享 URL。源内容指定的网络资源会被拒绝。这是对工具数据流的说明,并非对浏览器安全性的通用认证。

SVG 转 PNG 常见问题

仅提供随工具附带的常规字体。其他请求的字体族或样式可能被替代,文字塑形或缺失字符也可能改变结果。如需精确字体效果,请在原图中将文字转为轮廓。

在不同 SVG 环境中,viewBox 本身不一定决定尺寸。本工具保留明确的根尺寸,尽可能根据 viewBox 推导缺失的轴,否则要求自定义视口。所选位图模式再确定整数输出像素。

不会。棋盘格仅用于在预览中显示透明区域。选择纯色背景可将这些区域合成到真正的不透明背景上。

不能。外部和相对资源引用都会被拒绝。受支持的 PNG 和 JPEG 图片必须在规定限制内嵌入;字体来自固定的随附字体集。

它们不属于此版本允许的子集。渲染器可能支持比工具允许的更多功能,但悄悄删除效果会产生具有误导性的转换结果。

没有。渲染器会为所选像素画布生成编码后的 PNG。像素增多可能使文件变大,转换也不保证文件更小或在所有缩放比例下保留原始矢量细节。

此版本一次转换一个本地文件或粘贴的文档。选择其他源进行新转换时,旧结果会立即失效。

会终止该操作拥有的渲染 worker 并使操作失效。延迟到达的资源、解码或结果回调不能恢复已取消的预览或下载。

资料来源

这些资料说明输入格式及转换配置使用的固定版本,不能保证每个 SVG 或其渲染结果。

配置资料核查于 2026 年 11 月 9 日。此工具支持的子集小于渲染器的功能范围;随附字体、缺失字形和颜色解释都可能影响结果。

CSS 滤镜生成器

排列和重复 CSS 效果,比较示例并复制精确的滤镜声明。

打开工具 — CSS 滤镜生成器

流式字号计算器

为两个视口宽度分别设置字号,生成流式字号。复制使用 rem 的 CSS,并查看基于导出系数计算的模型。

打开工具 — 流式字号计算器

CSS 按钮生成器

设置原生按钮状态,检查键盘焦点并复制 HTML 和 CSS。

打开工具 — CSS 按钮生成器

CSS 圆角生成器

编辑八个圆角半径,预览盒子,并复制以像素或百分比表示的 CSS。

打开工具 — CSS 圆角生成器

CSS Grid 生成器

编辑 CSS Grid 轨道、项目位置和命名区域,预览并复制 CSS、HTML 或下载完整示例。

打开工具 — CSS Grid 生成器

CSS Flexbox 生成器

使用容器和项目控件、显式布局轴、匹配的 CSS 和 HTML 以及本地完整示例下载构建 Flexbox 示例。

打开工具 — CSS Flexbox 生成器

CSS 文字阴影生成器

创建有序文字阴影,预览纯文本并复制精确 CSS。

打开工具 — CSS 文字阴影生成器

CSS 变换发生器

编写可重复的 2D CSS 变换,编辑 px 或百分比平移和原点,检查参考框并复制准确的当前声明。

打开工具 — CSS 变换发生器

CSS 盒子阴影生成器

创建有序的 CSS box-shadow 图层,实时预览并复制代码。

打开工具 — CSS 盒子阴影生成器

图片水印

为一批图片添加文字或标志水印,检查结果并下载单个文件或 ZIP。

打开工具 — 图片水印

CSS 渐变生成器

创建线性或径向 CSS 渐变,调整颜色、不透明度和节点位置。

打开工具 — CSS 渐变生成器

颜色转换器

转换支持的 sRGB HEX、RGB 和 HSL 颜色值,保留透明度并显示精度。

打开工具 — 颜色转换器

图片转文字(OCR)

识别本地 PNG 或 JPEG 中的印刷文字,选择语言,检查并修改结果后复制或下载。

打开工具 — 图片转文字(OCR)

从图片读取二维码

从本地 PNG 或 JPEG 读取一个二维码,查看文本或内容字节,不会打开链接。

打开工具 — 从图片读取二维码

颜色对比度检查器

比较前景与背景颜色,调整不透明度,检查文本和必要界面细节的 WCAG 数值对比度阈值。

打开工具 — 颜色对比度检查器

打印尺寸与分辨率计算器

计算照片可打印尺寸、所需像素,以及留白或裁切时的实际 PPI。

打开工具 — 打印尺寸与分辨率计算器

宽高比计算器

计算宽度与高度的精确比例,或指定一边计算对应的像素尺寸。

打开工具 — 宽高比计算器

图像压缩

尝试将 JPEG、PNG 或 WebP 图片压至目标文件大小,查看实测结果并可选择缩小尺寸。

打开工具 — 图像压缩

HEIC 转 JPG

在浏览器中将受支持的 HEIC 照片转换为原尺寸 JPG 副本,调整质量和背景,并单独下载或打包下载已验证的结果。

打开工具 — HEIC 转 JPG

图片格式转换器

在本地批量转换受支持的 PNG、JPEG 和 WebP 图片,调整透明度、背景和质量,检查并下载编码结果。

打开工具 — 图片格式转换器

照片拼图工具

将本地照片排列成网格,下载 PNG 或 JPEG。

打开工具 — 照片拼图工具

旋转和翻转图片

批量旋转或翻转本地静态 PNG、JPEG 和 WebP 图片,然后查看并下载处理结果。

打开工具 — 旋转和翻转图片

图片裁剪

通过可视选区或像素输入精确裁剪本地 JPEG、PNG 或 WebP 图片,下载为 PNG 或 JPEG。

打开工具 — 图片裁剪

图片尺寸调整

按像素或百分比调整 JPG、PNG 或 WebP 图片,预览结果并下载。

打开工具 — 图片尺寸调整
查看此分类中的所有工具