Filepetal如何将SVG转为PNG
- 选择一份SVG或粘贴代码并点击“使用 SVG 代码”。先检查源图预览。
- 设置像素宽度，高度按准备后的源宽高计算；选择透明或白色背景。
- 点击“转换为 PNG”，然后下载并检查实际PNG。输出是固定像素，不是可编辑SVG。
为什么PNG很大，里面的标志却很小？
PNG宽度表示包含空余区域的整张画布，并不表示可见标志的宽度。原创圆形样本的SVG视口为200×100，viewBox为100×100。输出宽度200时，下载PNG为200×100，但圆形非透明部分仅60×60；非零alpha边界为[70,20,130,80]。转换器保留源布局，没有自动按图形裁切。
第二个原创文件仅改为preserveAspectRatio="none"，PNG仍为200×100，圆形却横向拉伸。非零alpha边界为[39,19,160,80]，即121×61。计数包含边缘低alpha抗锯齿像素，不代表数学椭圆恰好是该尺寸。W3C规定默认meet使用等比缩放，none允许横纵方向分别缩放。
如需标志填满方形图标，请在创作工具中准备合适画板或viewBox，保留原稿并检查新导出。本页没有按图形自动裁切或改写preserveAspectRatio的功能；单独增加PNG宽度会同时放大画布和空余区域。
增加像素也会一起放大空余区域
首个样本的输出宽度由200改为400后得到400×200 PNG，圆形边界为[140,40,260,160]，可见区域120×120。画布像素数变为四倍，但图形占画布的比例不变。两份实际下载分别为2,048和5,051字节。这只是该简单源图和浏览器的测量值，不是固定压缩率，也不能预测其他图稿大小。
PNG是固定像素网格。需要另一种尺寸时应从原SVG重新导出，不能期待已下载PNG得到可编辑路径或无限缩放能力。请在目标应用检查实际结果；本次合成控制没有测试特定建站工具、打印流程或实体手机。
Transparent保留透明，White填充整张画布
原创白底源在正方形viewBox内绘制白色矩形。选择Transparent后，其200×100 PNG两侧仍透明，非零alpha边界为[50,0,150,100]；矩形本身保持白色。Transparent不是去背景操作。
11月6日另将原圆形样本用工具White设置导出。工具先填充整张输出画布，全部200×100像素均不透明，角点为白色；实际文件2,037字节。源内形状只覆盖映射后的几何区域，White设置覆盖整张画布。应按需要选择填充范围，修改SVG前保留原稿。
物理单位与viewBox：本工具的处理边界
另一控制写width="2in"、height="1in"及viewBox="0 0 200 100"。本工具准备尺寸为200×100，输出宽200时下载200×100 PNG；哈希与仅包含该viewBox的控制相同，均2,038字节。这不能证明进行了英寸到像素换算：尺寸解析仅接受数字或px，再回退到viewBox并标准化根尺寸。
移除该物理单位源的viewBox后，本工具拒绝转换。在其他应用正常显示的SVG不一定被本工具支持。请提供正的数字像素尺寸或有效正viewBox。本页没有DPI选择，也未验证物理打印尺寸；这些观察不代表竞品是否支持。
增加像素不能找回缺失字体
先检查字形，再判断是否只是像素尺寸问题。字体选择决定绘制哪些字形；放大导出宽度不能安装缺失字体。请对比原SVG与PNG并保留源文件。本工具依赖渲染环境可用字体，不将文字转路径，也不嵌入网页字体。
11月4日的原创控制用原生浏览器PNG参考图区分这两件事。虚构字体名前缀加monospace回退与显式monospace得到相同320×100 PNG，均5,672字节且SHA-256相同；仅改成serif时为5,696字节，相同画布中有3,089个RGBA像素不同。这些是SVG转WebP实验的渲染参考，今天补充到此页帮助诊断，并不是本SVG转PNG工具的新下载，也不能预测另一设备的字体结果。
另两份控制是手绘FP路径。根font-family不同，参考PNG仍相同，因为形状没有文字。这不证明本工具自动转轮廓。如需固定字形，请在创作工具中另存转轮廓副本，再检查实际导出；本次没有打开Illustrator、用户原文件或验证所有SVG文字特性。
标为300 PPI会增加像素吗？
PNG的IHDR记录像素宽高。可选的pHYs块可以记录预期的物理像素密度。缺少该块时，文件未指定物理像素尺寸。排版或打印软件可以自行调整放置比例。
2026年11月12日，我们为11月5日下载的200×100 PNG加入每米11,811像素的密度标记，约为300 PPI。对照文件多了21字节，像素尺寸、压缩图像数据和解码后的RGBA像素一致。400×200下载的像素数是200×100下载的四倍。本次对照的两份Filepetal原始下载都没有密度标记。
按印刷要求计算像素宽度时，用要求的英寸数乘以每英寸像素数。例如2英寸、300 PPI需要600像素。可以按该宽度导出SVG，再到排版软件检查放置尺寸。本次核查了PNG字节及尺寸，范围限于文件本身。
为什么 slice 裁掉了 SVG 边缘？
SVG 视口与 viewBox 比例不同时，由 preserveAspectRatio 决定如何放入画布。默认的 xMidYMid meet 会居中显示完整 viewBox，可能留下空带。slice 等比放大到覆盖视口，部分图形可能移出可见范围。对齐参数决定优先保留哪一侧。
2026 年 11 月 13 日，我们用带三条彩色标记的正方形 viewBox 导出了三份 200×100 PNG，只改 preserveAspectRatio。居中 meet 保留三条标记，左右各有 50 列透明像素。居中 slice 填满画布，只保留中间标记。顶部对齐的 slice 保留上方和中间标记。三份 PNG 的像素尺寸相同。
如果导出的顶部或底部消失，先看源图预览和 SVG 源文件，检查是否使用 slice，并对照视口与 viewBox 的宽高比。若需要保留完整 viewBox，可以在源文件副本尝试 meet 后重新导出。本工具根据准备后的源比例计算输出高度，实验中的对齐来自源文件。
像素尺寸与密度对照下载
视口取景对照下载
字体参考文件下载
原始实验2026-11-04，2026-11-08重新核对文件字节、哈希与像素差异。这是历史渲染参考，不是今天的新转换结果。完整JSON记录输入输出尺寸、字节、哈希及范围。 下载完整记录
- font-fallback.svg → font-fallback-reference.png · 320 × 100 px · 5672 bytes
- font-monospace.svg → font-monospace-reference.png · 320 × 100 px · 5672 bytes
- font-serif.svg → font-serif-reference.png · 320 × 100 px · 5696 bytes
- font-path-monospace.svg → font-path-monospace-reference.png · 320 × 100 px · 1867 bytes
- font-path-serif.svg → font-path-serif-reference.png · 320 × 100 px · 1867 bytes
下载与复现
原始实验2026-11-05；六组透明输出在2026-11-06正式页复测，与原文件字节一致。White样本为2026-11-06新增。仅单一桌面内置浏览器，未测竞品转换、实体手机或打印。
| 源文件 | 实际PNG | 像素与字节 | SHA-256 |
|---|---|---|---|
| meet.svg 140 bytes 4cfabb2d5375518be25809ddd37f70c19d97999dec7189387c4dc73a4f50c37e | meet-recovered.png 2026-11-05 | 200 × 100 px 2048 bytes alpha: 70, 20, 130, 80 | c3e7b820291ca319373f01ee7bfa33af9d7e5895a02aa3726257290ab2dd957b |
| meet.svg 140 bytes 4cfabb2d5375518be25809ddd37f70c19d97999dec7189387c4dc73a4f50c37e | meet-width400.png 2026-11-05 | 400 × 200 px 5051 bytes alpha: 140, 40, 260, 160 | a003b56504c3f9baa72028438755aac44141cf9464d9e189d66b89efb16711f8 |
| meet.svg 140 bytes 4cfabb2d5375518be25809ddd37f70c19d97999dec7189387c4dc73a4f50c37e | meet.png 2026-11-05 | 200 × 100 px 2048 bytes alpha: 70, 20, 130, 80 | c3e7b820291ca319373f01ee7bfa33af9d7e5895a02aa3726257290ab2dd957b |
| painted-white.svg 185 bytes 0ff8c8662e734454ccb78156bda03c5f1a0b24b3efeb67e2d3f09af19299f167 | painted-white.png 2026-11-05 | 200 × 100 px 2046 bytes alpha: 50, 0, 150, 100 | 8494e596fcd29c43c5b4b9dc2b5ef25b2314c85ab8bc64ea1e414b703d7fe4e0 |
| physical-with-viewbox.svg 140 bytes 9164a19d8caa2efebf74ef3f4285ca466e0d1199cf00e2ed77c39b8695d034d3 | physical-with-viewbox.png 2026-11-05 | 200 × 100 px 2038 bytes alpha: 20, 20, 80, 80 | aea434d9619bae00dcd19aeb220361ca1251fd2e69f2a777be96b70fafde643c |
| stretch.svg 167 bytes 7b656990883c4c39d0955f64f4d4d6b5a80f07712ae3e504740ab12bba369641 | stretch.png 2026-11-05 | 200 × 100 px 2847 bytes alpha: 39, 19, 160, 80 | 523059c8f5a09249100d46b9705b905a425bcc94e18150ea1d8a3a9c70a5cf80 |
| viewbox-only.svg 115 bytes b2cbb263a5a97102e1db501ea5aa45888f66499d91bbf611de163cc98685cebd | viewbox-only.png 2026-11-05 | 200 × 100 px 2038 bytes alpha: 20, 20, 80, 80 | aea434d9619bae00dcd19aeb220361ca1251fd2e69f2a777be96b70fafde643c |
| meet.svg 2026-11-05 | meet-white.png 2026-11-06 · White | 200 × 100 px 2037 bytes alpha: 0, 0, 200, 100 | cd2c14385dd169bbfab6bd6846c50c0aa11c55654266d5e93bb4a9ac727c314b |
非零alpha边界[x0,y0,x1,y1]包含抗锯齿边缘，右/下不包含。JSON另列六份源文件的字节与哈希，包括拒绝控制。请从源文件复跑，不以PNG扩展名或预览大小推断像素尺寸。
支持内容与限制
单份静态自包含SVG，命名空间http://www.w3.org/2000/svg，最大2,097,152字节。形状、路径、文字、渐变和局部绘制引用由浏览器渲染。源与输出每边最多4096像素，总共最多1600万像素；先检查正的数字像素尺寸或有效viewBox。
拒绝脚本、动画、外部资源、嵌入图片、链接、foreignObject、use、style块和style属性。可用fill和stroke等呈现属性。本页只输出单张PNG，不提供SVGZ、批量、去背景、自动裁切或DPI控制；字体和浏览器可能影响结果。
常见问题
输出宽度会裁掉空白边吗？
不会。宽度作用于整张源画布。200改400控制中，圆形和空余边界一起放大；如需裁切，请在源编辑器中准备独立副本。
为什么圆变成椭圆？
检查源文件preserveAspectRatio和viewBox。本次none控制在相同PNG画布中拉伸图形；本页没有额外的拉伸开关。
Transparent能去除白色矩形吗？
不能。它保留原透明区域，SVG内不透明白色形状仍会绘制。本次源白底控制保留白色正方形及两侧透明边界。
能选择英寸或打印DPI吗？
本页不能。它使用数字像素尺寸或viewBox回退，只提供像素输出宽度。带viewBox的2in控制不属于打印尺寸测试。
为什么SVG被拒绝？
检查2MB上限、尺寸和下方不支持的标记。错误输入清除旧下载。11月6日无viewBox物理单位源被拒绝，宽度4097也禁用转换并移除旧结果。
支持文字、样式和外部图片吗？
文字依赖设备字体。style块和属性、嵌入或外链图片以及列出的活动或外部内容被拒绝。本工具不嵌入字体，也不把文字转路径。
需要账号或上传SVG吗？
不需要。选择本地SVG或粘贴代码，在浏览器转换并下载一份PNG。请保留原SVG，以便以后重新导出其他像素尺寸。
增加宽度能修复被替换的字形吗？
不一定。宽度控制像素画布，字体选择决定字形。上方带日期参考图在相同320×100尺寸下已不同，应先检查源字体。
路径样本相同是否表示本工具能把文字转轮廓？
不是。FP图形事先手绘为路径，本工具不执行文字转路径；需要时请在创作工具中另存转轮廓副本。
为什么不同软件显示的PNG PPI不一样？
若文件未写入物理密度标记，软件可能采用自己的默认值。用PNG像素宽度除以实际放置的英寸宽度，可计算有效PPI。上方带日期的三份样本可用来核查仅改密度和增加像素的区别。
为什么 PNG 尺寸正常，图案边缘却不见了？
检查源 SVG 是否使用 slice，以及视口与 viewBox 比例是否不同。上面的实测中，从居中 slice 改为居中 meet 后，两端标记恢复，PNG 仍为 200×100 像素。
来源与范围
本站控制为原创合成图，不能代表所有SVG或所有浏览器。坐标规则依据W3C，本站尺寸回退依据实际实现及下载控制。未证实对竞品的功能优势。