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