IdeaFactory Lab

IDEAFACTORY / 设计素材工具

批量 SVG 转 PNG
素材导出器

一组图标，备齐所需尺寸。把已有的静态 SVG 素材整理成 PNG 交付包，每个尺寸都清楚，附带清单便于核对。

浏览器本地处理每个源文件生成多个尺寸始终保持原有比例

添加文件前请注意：仅支持静态矢量素材

此工具使用明确受限的 SVG 子集，面向已转曲的图标和标志。不接受脚本、外部引用、foreignObject、动画、未转曲文字与字体、内嵌位图、基于 class 的 style 样式块和 style 属性，以及其他不支持的渲染功能。不会悄悄删除可见内容来完成转换。

可尝试导出 Plain SVG（纯 SVG）。Illustrator 选择“样式：呈现属性”和“字体：转换为轮廓”；Figma 开启 Outline text。展开 CSS 样式，并根据错误说明移除或重做不支持的效果与位图。仅导出纯 SVG 不一定解决所有问题。保留原文件并核对预览，不同浏览器可能存在差异。

01添加 SVG 素材

拖入已转曲的 SVG 图标或标志本地 .svg 文件 · 仅静态矢量

最多 30 个 SVG · 单个 1 MiB · 输入合计 20 MiB
1–6 个不同尺寸 · 16–2048 像素 · 最多 180 张 PNG
整批输出最多 1 亿像素 · 单张 PNG 20 MiB · ZIP 最大 100 MiB

源文件列表

0 / 30
在这里整理你的素材

选择源文件，检查 viewBox、宽高比例和各个 PNG 的精确尺寸。不支持的文件会保留在列表中并说明原因。

    02准备一整套尺寸

    输入 1–6 个不同的整数，范围为 16–2048。每个所选尺寸都会保留；重复或无效尺寸会明确报错。

    仅正方形模式：每侧占画布边长的 0–40%。留白缩小画布内的素材，不缩小导出尺寸。指定最长边模式不添加额外留白。

    指定最长边按源文件原始视口比例生成画布，让素材完整放入所选最长边内。正方形模式使用精确正方形画布，居中完整容纳原始视口。两种模式都不拉伸、不裁剪。

    透明画布保留原始透明区域。关闭后，将素材与留白合成到所选纯色背景上。

    03核对每个尺寸的预览

    添加 SVG 后预览 PNG

    预览是按所选尺寸实际渲染的 PNG，仅在此面板中缩放显示。棋盘格表示透明区域。

    打包交付整组素材

    每个成功导出的源文件使用唯一且保留中文等 Unicode 字符的文件夹名。manifest.json 记录原文件名、viewBox、所选设置、精确输出尺寸与失败项目。分享前请检查文件名。

    像素合计表示输出工作量，并非预测 PNG 或 ZIP 大小。按顺序逐张导出；达到上限或取消时，不会悄悄缩小尺寸，也不会下载未完成的 ZIP。

    文件始终留在当前浏览器标签页。不上传、不远程处理、不使用统计或本地存储。清空全部会释放当前批次，已下载的文件仍保留在设备上。

    从已转曲素材到完整交付包

    1. 准备源文件

      使用静态 SVG 图标或标志，先将文字转曲。导出 Plain SVG，并将样式表样式展开为呈现属性。

    2. 设置尺寸组

      选择预设或自行输入尺寸。保持原有比例并指定最长边，或使用完整容纳的统一正方形画布，再调整留白与背景。

    3. 检查并交付

      逐个选择源文件与尺寸，核对精确宽高。下载单张 PNG 或批量 ZIP，将清单与素材一同保留。

    了解几个小细节

    任何 SVG 都能转换吗？

    不能。此工具面向已有的静态、已转曲图标与标志，不是通用网页 SVG 转换器。验证器只允许明确支持的功能，并在通过检查后重新构建素材，再作为图片解码。脚本、外部资源、foreignObject、动画、未转曲文字与字体、位图、style 样式块、style 属性与不支持的效果会被拒绝。被拒绝不代表文件有恶意。请在设计软件中重新导出 Plain SVG、将文字转曲并展开样式，不要直接删去仍需保留的内容。

    这里的“尺寸”具体指什么？

    指定最长边模式下，输出最长边等于所选尺寸，另一边按照源文件原始视口比例取整。SVG 素材使用统一比例完整放入画布，不会被拉伸。正方形模式创建“尺寸 × 尺寸”的画布，将整个原始视口完整容纳其中。导出前，每个源文件都会显示所有精确输出宽高。

    留白如何计算？

    仅正方形模式可以添加留白，按正方形边长的百分比应用在每一侧。设置 10% 时，内部区域的宽和高均为画布的 80%。素材保持比例并在此区域中居中。源文件本就存在的空白仍会保留。此工具保留原始视口，不会扩展画板以显示画板之外的内容。请先在设计软件中正确设置画板。

    PNG 还是矢量文件吗？所有浏览器都完全一样吗？

    PNG 是位图。导出较大的 PNG，是以该尺寸对矢量素材进行栅格化，不会生成新的 SVG。PNG 对已经渲染的像素进行无损编码，但不同浏览器的 SVG 渲染、抗锯齿和颜色处理可能存在差异。请预览实际交付尺寸。受限验证与仅作为图片解码可降低风险，但不构成绝对安全保证。

    某个文件失败或点击取消会怎样？

    导入错误会保留在源文件旁，可重试或移除。批量 ZIP 包含成功 PNG，并在清单中记录失败源文件或尺寸。若没有任何成功输出，则不会下载压缩包。取消、清空、移除以及新的设置或源文件变化会使未完成结果失效。ZIP 超限会放弃整个压缩包，不会悄悄降低所选尺寸。

    有哪些上限？

    最多 30 个 SVG，单个 1 MiB、合计 20 MiB。可选择 1–6 个不同尺寸，范围为 16–2048 像素。每批最多 180 张 PNG、合计 1 亿输出像素。单张 PNG 上限为 20 MiB，完整 ZIP 上限为 100 MiB。还有额外的 SVG 复杂度限制，以保持页面可用；浏览器也可能在达到上限前耗尽内存，必要时请分批处理。

    文件或文件名会离开当前标签页吗？

    处理使用随站代码，不上传、不远程处理、不使用统计或本地存储。ZIP 清单包含原文件名，文件夹名称也来自原文件名，可能暴露个人或项目相关信息。分享前请检查压缩包。素材画面本身也可能包含私人信息，此工具不是匿名化工具。