DOC2X使用指南

SVG 转 PNG 或 JPG:透明背景与实际尺寸

SVG矢量图转PNG或JPG,先选择目标格式,再核对透明背景与像素尺寸。用一份自编640×400 SVG的真实下载比较PNG透明、JPG白底和文件大小,提供原SVG与两份位图;当前转换界面没有尺寸或DPI输入,不把位图输出当作可编辑矢量。

你的文件
可读取的SVG,本例为无字体与外部资源的静态几何图
得到什么
PNG或JPEG位图,原SVG另存
本地读取实际PNG和JPEG整理的同源对照,PNG棋盘格说明透明、JPEG白底,四角色块与路径字母均可见;不是产品界面或内嵌SVG
本地读取实际PNG和JPEG整理的同源对照,PNG棋盘格说明透明、JPEG白底,四角色块与路径字母均可见;不是产品界面或内嵌SVG
本页内容

上传SVG,选择PNG或JPEG,再核对位图

  1. 先保存原SVG,确认目标软件需要PNG还是JPG,以及是否需要透明背景。本例宽高为640×400,画面由路径、几何图形和内部渐变组成。
  2. 打开图片转换,选择SVG文件。输出选择JPEG或PNG;本次先用JPEG、保留EXIF开启,开始转换并单张下载一次。
  3. 需要比较透明效果时,从同一输入只把输出改为PNG,再次开始转换并单张下载。本轮只上传一次,两次转换、两次下载,没有原生ZIP。
  4. 检查下载文件的真实格式、宽高、四个边角和背景。本例两份均为640×400;PNG外侧透明,JPEG相应区域为白底,不能只根据后缀判断。
  5. 把已核对的位图放入接收软件试用,放大检查细线和边缘;保留原SVG以便日后继续矢量编辑或采用其他尺寸流程。
打开图片转换,上传 SVG

需要后续矢量编辑时保留原SVG。转换成位图后,不再提供原路径对象;本例没有反向位图转SVG或自选DPI步骤。

同一份 SVG:PNG透明,JPEG白底,都是640×400

2026年10月17日,真实转换工具接收这份完全自编SVG,分别生成JPEG和PNG。A/B/C/D角标也用路径绘制,没有系统文字、字体、外链或脚本。原SVG只提供下载;下方对照PNG由本地读取两份实际位图整理,棋盘只用于说明透明,不是产品背景或SVG在线预览。

实际位图的本地对照:透明区域与白底分别看
同一640×400自编SVG的实际PNG和JPEG本地对照,PNG透明区域衬棋盘、JPEG白底,四角A红B绿C蓝D紫及渐变面板可见,来源明确为本地整理查看原图 ↗
第一次真实设置:SVG输入,JPEG输出
本轮图片转换真实界面加入一份自编SVG,输出JPEG、保留EXIF开启,文件已加入,尚未生成结果查看原图 ↗
第二次真实设置:只把输出改为PNG
同一SVG在真实转换界面只将输出改为PNG,其余设置保持,重新生成实际PNG下载查看原图 ↗
读取实际下载文件;SVG的逻辑尺寸与位图像素尺寸分别记录
核对项目原SVG实际PNG实际JPEG
文件大小2,363字节125,295字节24,130字节
尺寸显式640×400与同范围viewBox640×400像素640×400像素
表示方式路径与几何对象静态RGBA位图静态RGB位图
全透明像素未绘制外侧背景132,216个无透明通道
部分透明边界由渲染结果核对208个,其余123,576个不透明相应区域合到白底
ICC颜色配置无无profile456字节,APP2载荷470字节
  1. PNG四边外侧16像素均全透明;JPEG对应边界为接近白色的RGB,部分样点因JPEG编码略有偏差,不能说所有白底像素精确为255。
  2. 四角色块及白色路径字母在选定样点保留,渐变面板的样点颜色有变化。本例未观察到自动裁切,不把少量样点当作所有SVG绘制精度保证。
  3. PNG的208个部分透明像素来自边界观察;半透明圆覆盖不透明渐变面板,圆内部合成后仍是不透明,不能按圆形面积推算透明像素。
  4. JPEG与PNG白底合成后的像素存在差异,只用于说明本组重编码结果;没有原SVG到位图的逐像素等价或无损结论。
  5. JPEG的JFIF密度单位为0、比例1×1,表示未指定物理密度单位,不是1 DPI,也不是工具提供DPI选择的证据。

只验证这一份显式尺寸、无字体和外部资源的静态自编SVG。文字与字体、滤镜、蒙版、外链、动画、未写宽高或仅viewBox文件、批量和其他浏览器均未验证。输入20项准备检查、主输出66项和独立输出43项分开记录;保留EXIF开启不证明无EXIF输入的元数据保留能力。两次实际单图下载字节保持,核对包为本地整理。

先了解这几件事

在图片转换上传可读取的SVG,输出选PNG或JPEG,开始转换并下载,再检查实际尺寸和背景。本例显式640×400的SVG得到两份640×400位图:PNG保留透明区域,JPEG没有透明通道并合成白底。SVG作为输入与输出SVG是两项能力;本例只验证转为PNG和JPEG。

实际输入
2,363字节自编SVG,width、height与viewBox均明确为640×400。
PNG下载
125,295字节,640×400,RGBA,透明与边缘单独核对。
JPEG下载
24,130字节,640×400,RGB,白底且有重编码差异。
尺寸设置
本轮转换界面未见宽高或DPI输入,未设置任意输出尺寸。

先选择透明需求,再核对像素尺寸

先选择透明需求,再核对像素尺寸
需要什么选择或下一步本例边界
把矢量插图放进接收PNG的软件选择PNG输出本例透明区域保留,输出640×400
接收端只收JPG选择JPEG并检查白底本例透明区合成白底,像素有重编码差异
继续修改SVG路径和对象保留原SVG,在矢量编辑器处理PNG/JPG不保留原路径对象
指定更大的像素尺寸或300 DPI使用有明确尺寸设置的流程并核对成品本次转换UI未见宽高或DPI控件
将PNG/JPG变回可编辑SVG另查位图矢量化需求本例没有该反向输出能力

SVG输入成功,与工具输出SVG分别判断

这次真实操作接收SVG并下载PNG和JPEG,证明的是这份输入的正向栅格化。当前图片转换输出选项没有可用SVG输出,不能据此声称PNG转SVG、自动描摹或恢复可编辑路径。

SVG转PNG透明背景,检查像素而不只看白色画面

透明图片在白底阅读器里也可能看起来是白色。本例PNG的外侧区域alpha为0,JPEG没有alpha;本地对照用棋盘衬底帮助观察,棋盘不在原PNG像素里。

SVG转PNG尺寸,以实际下载宽高为准

输入明确width=640、height=400,viewBox也是0 0 640 400;本例两份位图读为640×400。因为两组尺寸相同,不能分离判断width/height与viewBox的优先级。百分比、缺省或仅viewBox文件及任意目标尺寸未测试;需要更大位图时采用具备宽高设置的流程。

转位图用于格式适配,不等于压缩

原SVG仅2,363字节,实际JPEG为24,130字节、PNG为125,295字节,两份都更大。转换用于让接收软件读取位图,不能当作减小体积;保留原SVG以继续编辑路径或按矢量方式放大。

矢量图转位图后,细线和边缘需要重新看

位图由固定数量的像素构成,不再有原SVG的可编辑路径与任意放大的矢量结构。放大位图不会恢复路径;本例保留四角和渐变样点,但不足以证明任何字体、滤镜或复杂SVG都能完整转换,关键插图应在最终软件检查。

相关官方说明

遇到这些情况

PNG看起来也有白底
先检查是否透明被阅读器底色衬出,再看实际alpha;本例PNG透明,JPEG白底。
JPG背景变白或边缘有差异
JPEG不含透明通道,本例合成白底并重新编码;需要透明时保留原SVG或使用PNG。
想设成300 DPI但找不到选项
本轮真实转换设置未见宽高或DPI输入;不要把JFIF比例1×1当作DPI设置。
转成PNG后无法编辑路径
位图不是原SVG对象,回到保留的原文件进行矢量编辑。

常见问题

SVG转PNG怎么操作?

上传SVG,在图片转换选择PNG并开始转换,下载后核对格式、像素尺寸和透明区域。本例自编640×400 SVG得到640×400 PNG。

SVG转JPG为什么背景变白?

JPEG没有透明通道。本例SVG未绘制的外侧区域,在JPEG里合成白底;需要透明时选择PNG并检查实际alpha。

矢量图转位图后还可以编辑路径吗?

本例PNG和JPEG是栅格位图,没有原SVG的路径对象。保留原SVG用于后续矢量编辑。

SVG转PNG透明背景一定保留吗?

本例明确核对了透明外侧和边界像素,其他SVG效果与浏览器仍需分别验证。不能仅从扩展名推断任何输入都相同。

SVG转PNG尺寸可以自己设置吗?

本轮转换界面未见宽高输入,本例采用显式640×400输入并得到相同像素尺寸。任意目标宽高、缺省或相对尺寸没有验证。

SVG转PNG可以设置DPI吗?

本轮没有DPI控件。实际JPEG的JFIF单位0、1×1是比例信息,不能解释为1 DPI或300 DPI;像素宽高和打印物理尺寸要分别核对。

支持SVG输入,就能把PNG转SVG吗?

这是两个方向。本例只实际完成SVG到PNG和JPEG,当前工具没有可用SVG输出,不据此提供反向矢量化承诺。

内容核对:2026-10-17 · 功能条件与配额以当前产品界面为准