SVG 转 PNG
在浏览器中把 SVG 以指定宽度转成点阵 PNG,保留透明度,文件不会离开你的电脑。
在你的浏览器中运行
选择一张或多张图片,转换会在你的设备上完成。
转换前先决定尺寸
SVG 没有固定分辨率,它是一组绘图指令;PNG 则是一格一格的像素。所以这个转换唯一需要你决定的, 就是要多大,上面的输出宽度就是那个设定。
请以图片实际显示的尺寸来转,或以两倍尺寸来因应高密度萤幕。用 200 px 转出来再放大到 800 px 会 模糊,直接用 800 px 转则不会。
透明度会被保留,因为 PNG 有 alpha 色版:SVG 没有画到的区域仍然是透明的,不会变成白色。
点阵化之后会失去什么
转换的画法与浏览器完全一致,也因此继承了浏览器对「一张图片能载入什么」的限制:
- 外部资源不会被载入。 连结到网页字型、外部样式表或另一张图片的 SVG,会在没有它们的情况下 绘制。请先把文字转成路径,或把字型内嵌进去。
- 脚本与动画不会执行。
<script>会被忽略,动画 SVG 会停在第一个画格。 - 字型必须存在于你的系统。 仍以文字形式存在的内容,会用你系统上找得到的字型绘制,未必是 设计者当初使用的那一种。
如果输出的样子不对,原因几乎都是某个外部依赖。
反过来转呢
这个转换没有诚实的反向操作。把 PNG 变回 SVG 需要「描图」——从像素去猜形状——那是另一种操作、 另一种结果,本页不提供。
你的文件只留在这里
SVG 在你的浏览器中绘制与编码,不会被上传。