PNG 转 SVG Portable Network Graphics ↔ Scalable Vector Graphics 免费 在线 安全
放进一个 PNG 文件，带走一个 SVG。图片怎么办由你定：变成形状，或者原封不动留着——每种选法的代价写在下面，省得你先花了时间才知道。
转换你的文件
把你的 PNG 文件拖到这里，或者选一个。
你的文件不会离开这台设备。一切都在你的浏览器里完成。
不上传任何文件
从 PNG 转换
转换为 PNG
矢量到底不同在哪里
SVG 不是一张图；它是一套画图的指令——这里一个这么大半径的圆，从这里到那里一条线，这个形状填上那种颜色。它在2001年成为网络标准；因为它存的是画法而不是结果，所以同一个文件既能画出十六像素的图标，也能印成一块广告牌。PNG 或 JPEG 存的恰恰相反：一张已经完成的彩色点阵，对是什么画出了它们毫无记忆。这种不对称决定了本页的一切。从矢量到位图，不过是按选定的尺寸把指令画出来；反过来走则是描摹——程序盯着一张点阵，猜测可能是哪些形状造出了它。
你会在哪里遇到它们
标志、图标、地图、示意图和统计图都以 SVG 存在，因为它们必须在任何尺寸下都清楚可读，而且常常要换颜色。网页小图标和应用图标都由它们做出来。反方向用于矢量必须变成平面图像的那一刻：一个不显示 SVG 的邮件程序、社交网站的预览图、一份要由软件比你更旧的人去打印的文件，或者一个只接受照片的上传表单。
常见问题
我描摹了一张照片，结果惨不忍睹。为什么？
因为描摹本来就不是为照片准备的。它的做法是找出颜色相近的区域，再在每一块周围画出轮廓；这适合平涂的图形——标志、镂空版、线描——却在照片上失败，因为照片里每一块区域都在缓缓融进下一块。描摹程序只得在本无边界之处造出一条边界，结果要么是海报式的平色斑块，要么是一个含着几万个细碎形状的文件。照片还是留在位图里为好。
为什么我的 SVG 在别的软件里看起来不一样？
通常是字体的缘故。含有文字的 SVG 按名字去引用字体，并指望打开它的机器装着那套字体；没有的话就换上别的，版式随之挪位。对症的办法是导出前把文字转为轮廓：每个字母变成一个形状，文件在哪里都一模一样——代价是文字再也不能编辑和选中。滤镜、混合模式这类高级效果，是另一个常见的差异来源。
文件会损失质量吗？
要看两种格式各自装得下什么。在存放同样内容的格式之间转换——PNG 转 BMP，WAV 转 FLAC——不会损失任何东西。转成为省空间而丢弃信息的格式，比如 JPEG 或 MP3，每转一次就损失一点，再转回去也拿不回来。凡是有选择余地的地方，本页倾向于保住原来的质量，而不是做出最小的文件。
我的文件会被上传到什么地方吗？
不会。转换发生在你自己的机器上、你的浏览器里面；文件从不离开它，这里也没有任何服务器能够接收它。正因如此，限制一个大文件的是你自己的内存而不是上传；也正因如此，你转换的任何东西都不可能出现在任何人的日志里——包括我们的。不过，音频和视频工具会在你第一次使用时从本站取来它们的转换引擎——约三十兆字节，仅此一次；此后工作依然完全在你自己的机器上进行。
人们为什么把 PNG 转换成 SVG
PNG 是一格格彩色的点。SVG 是用形状描述的图画。这种差别决定了你能用它们做什么:PNG 有固定的尺寸,放大时会变模糊,而 SVG 可以放大到一栋楼的侧面还保持锐利。徽标、图标和线条插图常常只有 PNG 版本,因为它们就是这样保存或发送的,于是就产生了这样的需要:以更大的尺寸使用它们、给它们重新着色、在绘图仪或刻字机上切割它们,或者把它们放到要求 SVG 的网站上。这就是人们把 PNG 转换成 SVG 的原因:他们有一张图片,而想要一幅图画。
诚实地说明这种转换能做什么、不能做什么很重要。把像素变回形状并不是对原图画的恢复,原图画已经没了。它是一种猜测,靠观察平涂色块在哪里结束来作出。对于徽标、图标或线稿,这种猜测往往接近正确。对于照片,则近乎无用。本页提供两种选择,并在您花时间之前告诉您每一种的代价:您可以通过描摹让图片变成形状,也可以让图片保持原样,把它包在 SVG 里。
本页在您的浏览器中把 PNG 转换成 SVG。您的图片不会被上传到服务器,这对尚未公开的徽标和设计很重要。下面您会看到描摹如何工作、如何选择颜色数量、保留什么,以及什么时候更好的答案是根本不描摹。
转换如何进行
对图片怎么处理的两种选择
您选择对图片怎么处理:让它变成形状,或让它保持原样。第一种是描摹。图片被分析,找出同一颜色的区域,它们的边界被写成形状,用您要求的颜色填充。第二种是包装:图片原封不动地放进 SVG 文件,所以文件外面是 SVG,里面是同样的像素。
描摹是猜测,不是恢复
描摹找出平涂色块在哪里结束,并把这些边界写成形状。对徽标、图标或线稿,它接近正确,对照片则近乎无用,在那里它产生的是一张色块海报。柔和的边缘和渐变变成您所要求的颜色之间的硬台阶。您允许的颜色越多,结果越接近原件,文件也越重。
保留图片
反过来保留图片,得到的文件外面是 SVG,里面是同样的像素。当某样东西只接受 .svg 时,它很有用,但它不是得到矢量图的办法。放大时图片会变模糊,与 PNG 完全一样。
保留什么
透明度,无论您作何选择
无论您作何选择,透明度都会保留:透明的背景保持为空,而不是变白。没有背景的徽标仍然是没有背景的徽标,随时可以放在任何颜色上。
比例和尺寸
描摹把作品的比例及其自身的像素尺寸保留在 SVG 的宽度和高度中,所以它按原有的大小放进版面。一张 600 乘 300 像素的图片会得到一个声明为 600 乘 300 的 SVG,然后可以自由缩放。
把 PNG 转换成 SVG 之前您应当知道的
它在平涂色上效果最好
徽标、图标、简单插图、签名、印章、图表和线稿是合适的素材。任何由边界清晰的平涂色块构成的东西都描摹得好。照片、纹理和柔和的渐变则不行。
大图片以缩小的尺寸读取
长边超过 1000 像素的图片按那个尺寸读取。SVG 仍然带有原来的尺寸,而且作为矢量它可以重新放大。所以很大的 PNG 不是问题,不过它最精细的细节可能在读取时丢失。
颜色越少,形状越干净
请选择适合图片的颜色数量。一个两色的徽标需要两三种颜色。多色插图需要更多。颜色太多会产生嘈杂的形状;太少则会合并不同的区域。
如何在这里把 PNG 转换成 SVG
添加您的图片
把 PNG 拖到页面上,或从您的设备中选取。它在您的浏览器内部被读取,不会被上传。
选择描摹或保留,以及颜色
决定图片应当变成形状,还是保持原样。如果您描摹,请设置颜色数量。
转换并比较
按下按钮并下载 SVG。在浏览器中打开它并放大。好的描摹保持平滑。把它与 PNG 并排比较,如果不对,调整颜色再试一次。
仔细看看 PNG 和 SVG
栅格与矢量
PNG 是栅格格式:它存储固定的一格格彩色的点。SVG 是矢量格式:它存储形状和绘制它们的规则。从栅格到矢量意味着要决定形状在哪里,而 PNG 从未记录这一点。反方向的 SVG 转 PNG是精确的。而这个方向是一种估计。
为什么描摹无法恢复原件
当徽标被存成 PNG 时,它的曲线变成了点,边缘处丢失了一些信息。描摹读取这些点,并提出穿过它们的曲线。这个提议往往非常好,但它不是原来的曲线。如果原来的 SVG 还在,请使用它。
何时避免描摹
不要描摹照片,也不要指望描摹能重现小徽标的精细字样。对于这些,请让图片保持原样,或者用 PNG 作参考在绘图程序中重绘作品。
常见情形详解
只有 PNG 版本的徽标
客户把徽标作为 PNG 发来,而您需要更大的或重新着色的。把 PNG 转换成 SVG,检查结果,并在绘图程序中整理。对于简单的徽标,结果可以非常出色。
切割和雕刻
绘图仪、刻字机和激光雕刻机根据矢量轮廓工作。剪影或印章的描摹 SVG 给了它们所需要的东西。
图标和简单插图
扁平图标几乎可以完美地描摹。然后您可以给它们重新着色、缩放,并在网络上无损地使用它们。
签名和印章
在白色背景上扫描或拍摄的签名,可以被描摹成单色的 SVG,在文档中干净地缩放。请注意只使用属于您自己的签名。
把 PNG 转换成 SVG 之前的实用建议
从您手头最大、最干净的 PNG 开始
像素越多、边缘越干净,描摹就越好。小而模糊的图片会得到坑坑洼洼的结果。
先去除噪点
斑点、零星的点和压缩伪影会变成多余的形状。如果可以,请在把 PNG 转换成 SVG 之前在编辑器中清理图片。
使用高对比度
分得开的颜色描摹得好。两个区域几乎是同一色调的图片,可能把它们合并成一个。
保留 PNG
PNG 是来源。如果描摹不好,您会想用它以其他设置再试一次。
转换之前人们常问的问题
我能找回原来的矢量图吗?
不能。描摹是猜测,不是恢复。它提出的是沿着图片中颜色边界的形状。
为什么我的照片看起来像海报?
因为照片没有平涂的区域可找。描摹把它变成一块块的颜色。请让照片保持原样。
透明度会保留吗?
会,无论您作何选择。透明的背景保持为空。
保留图片是做什么的?
它给出的文件外面是 SVG,里面是同样的像素。当某样东西只接受 .svg 时,它很有用。
我的图片会被上传吗?
不会。转换在您的浏览器中运行,图片永远不会离开您的设备。
我可以变回 PNG 吗?
可以。SVG 转 PNG按您选择的尺寸绘制形状。
把 PNG 转换成 SVG 时的明智选择
描摹还是保留?
描摹平涂的作品。保留照片和任何细节丰富的东西。如果拿不准,试着描摹一下,并把结果与原件并排查看。
其他起点
如果您的图片是 JPG,JPG 转 SVG的工作方式相同,不过压缩噪点需要留意。对于图标文件,ICO 转 SVG读取其中最大的尺寸。
保留您起初拥有的
把 PNG 存在 SVG 旁边。它们是不同的东西,各有各的用处。
转换之后如何得到好结果
在绘图程序中打开它
看一看形状和颜色。删除零星的斑点,合并本该是一个的形状,并把出来坑坑洼洼的曲线弄平滑。
在几种尺寸下检查
放大再缩小。好的描摹在每种尺寸下都保持形状。
为网络简化
描摹出的 SVG 可能含有许多点。简化路径的工具可以在没有可见变化的情况下大幅减小文件。
准备好您的 PNG 以便描摹得好
压平颜色
如果您的图片在本该是平涂的区域里有淡淡的渐变或噪点,请先在编辑器中减少颜色数量。当您把 PNG 转换成 SVG 时,描摹会更干净。
紧密裁剪
去掉空白边距和任何不属于作品的东西。要描摹的东西越少,多余的形状就越少。
先用一小块测试
如果图片很复杂,先描摹裁剪出来的一部分。快速看一眼就知道设置是否正确。
把 PNG 转换成 SVG 时如何得到最佳描摹
从您预期的颜色开始
在把 PNG 转换成 SVG 之前,先数一数作品的颜色。使用一种蓝、一种白和一种黑的徽标要求三种,算上透明背景也许是四种。要求这个数字,会得到与设计相符的干净形状。要求二十种,则会让工具在压缩噪点中找出二十种略有不同的蓝色,并把每一种画成独立的形状。
留意边缘
PNG 中两种颜色之间的边界通常是一条由过渡色调构成的柔和细线,因为图片在绘制时被平滑过。描摹必须在这条柔和细线里决定边缘在哪里。它选中间,这几乎总是对的,但非常细的线可能断成几段或变粗。如果您作品中的线只有一两个像素宽,请从图片的较大版本开始。
想一想白色
白色可以是作品的一种颜色,也可以是空白的背景。如果您的 PNG 有透明背景,它保持为空,什么也不需要做。如果背景是白纸,没有透明度,描摹会把它作为作品后面的一个白色形状包括进来,您也许想在绘图程序中删除它,让徽标干净地放在其他颜色上。
在它配得上的尺寸上使用 SVG
结果的最大优点是可以缩放。把它用于海报、招牌、刺绣徽章或网站图标,享受不必再索要更大文件的快乐。当您再次需要像素图片时,SVG 转 PNG按您选择的任何尺寸绘制形状。
与重绘作比较
对于重要的徽标,描摹可能是起点而不是终点。设计师可以把描摹出的形状放在一个图层上,用干净的锚点重绘曲线,最终得到一个用起来很愉快的文件。如果徽标是一家公司的门面,那一个小时花得值。对于日常需要,一次好的描摹就够了。
小心商标和他人的作品
描摹一个徽标或一幅图画并不会赋予您对它的权利。请把转换用于您拥有或获准使用的作品。对于您自己的标志,这是把旧图片更新的方便办法。
保留您喜欢的设置
当您找到对某类作品管用的颜色数量时,把它记下来。下次您为类似的徽标或图标把 PNG 转换成 SVG 时,您将从一个您知道能给出干净形状的设置开始。
隐私与处理
为什么本地转换对作品很重要
徽标和设计在发布之前可能是机密的。许多在线转换器把您的文件上传到服务器,处理后再把结果发回来,而在一段时间里,一份副本就存在于您无法控制的机器上。在这里,是您自己的浏览器在做这项工作,所以图片留在您的设备上。
您离开时会怎样
当您关闭页面时,转换后的文件会从浏览器中消失,所以请先下载它。关于您图片的任何东西都不会被保留。
如果出了问题
描摹结果布满斑点
图片含有噪点。请在编辑器中清理它,或减少颜色数量。
形状太粗糙
增加颜色数量,或从更大的 PNG 开始。
处理大图片时页面卡住
一切都在您的设备上运行,大图片需要内存。请在电脑上再试一次,或先缩小图片。
相关工具
同一系列的工具涵盖了相邻的工作。对于 JPG,请使用 JPG 转 SVG,对于图标文件,请使用 ICO 转 SVG。要回到像素,SVG 转 PNG、SVG 转 JPG和 SVG 转 ICO按您选择的尺寸绘制形状。供印刷的矢量页面来自 SVG 转 PDF,更轻的 PNG 则来自压缩 PNG。
一个演算示例
假设一家小企业把它的徽标作为 500 乘 500 像素的 PNG 发给您:一个带白色字母的蓝色盾牌。您需要把它用在两米宽的横幅上。您把 PNG 拖到这里,选择三种颜色的描摹并按下按钮。片刻之后,您下载了一个比例相同的 SVG,其中盾牌和字母是干净的形状。您在绘图程序中打开它,删掉两个零星的斑点,并缩放到横幅大小。边缘保持锐利。PNG 留在您的文件夹里。
一份简短的清单
转换之前
检查图片是平涂的作品。清理噪点并紧密裁剪。保留 PNG。
转换期间
选择描摹或保留,并设置颜色。在文件准备好之前,请停留在页面上。
转换之后
打开 SVG,放大,与 PNG 比较,并在绘图程序中整理它。
常见错误
描摹照片
照片会变成一张色块海报。请让它保持原样。
期待原来的曲线
描摹是猜测。如果原来的 SVG 还在,请使用它。
使用过多的颜色
颜色越多,形状越嘈杂。请只用作品所需的最少数量。
您的图片留在您的设备上
转换在本地进行。您的图片由您自己的浏览器读取,在那里描摹,并以 SVG 交还给您。没有任何东西被上传,所以服务器上不会留下副本,也没有别人能看到它。对于未发布的作品,这是把 PNG 转换成 SVG 的安全方式。
总结
要在这里把 PNG 转换成 SVG,拖入图片,选择对它怎么处理并按下按钮。由您选择:让图片变成形状,或让它保持原样,而每种选择的代价在您花时间之前就写在本页上。无论您作何选择,透明度都会保留,描摹把作品的比例及其自身的像素尺寸保留在 SVG 的宽度和高度中。描摹是猜测,不是恢复:它找出平涂色块在哪里结束,并把这些边界写成形状,对徽标、图标或线稿接近正确,对照片则近乎无用。长边超过 1000 像素的图片按那个尺寸读取。