SVG 转 JPG Scalable Vector Graphics ↔ Joint Photographic Experts Group 免费 在线 安全
SVG 不是一张图，而是画一张图的说明。这里把说明照着执行一次，按你选的尺寸，再存成 JPG。绘制是在一个沙箱里完成的，文件里的任何东西都跑不起来，也什么都不上传。
转换你的文件
把 SVG 拖到这里，或者选一个。
你的文件不会离开这台设备。一切都在你的浏览器里完成。
不上传任何文件
矢量到底不同在哪里
SVG 不是一张图；它是一套画图的指令——这里一个这么大半径的圆，从这里到那里一条线，这个形状填上那种颜色。它在2001年成为网络标准；因为它存的是画法而不是结果，所以同一个文件既能画出十六像素的图标，也能印成一块广告牌。PNG 或 JPEG 存的恰恰相反：一张已经完成的彩色点阵，对是什么画出了它们毫无记忆。这种不对称决定了本页的一切。从矢量到位图，不过是按选定的尺寸把指令画出来；反过来走则是描摹——程序盯着一张点阵，猜测可能是哪些形状造出了它。
你会在哪里遇到它们
标志、图标、地图、示意图和统计图都以 SVG 存在，因为它们必须在任何尺寸下都清楚可读，而且常常要换颜色。网页小图标和应用图标都由它们做出来。反方向用于矢量必须变成平面图像的那一刻：一个不显示 SVG 的邮件程序、社交网站的预览图、一份要由软件比你更旧的人去打印的文件，或者一个只接受照片的上传表单。
常见问题
我描摹了一张照片，结果惨不忍睹。为什么？
因为描摹本来就不是为照片准备的。它的做法是找出颜色相近的区域，再在每一块周围画出轮廓；这适合平涂的图形——标志、镂空版、线描——却在照片上失败，因为照片里每一块区域都在缓缓融进下一块。描摹程序只得在本无边界之处造出一条边界，结果要么是海报式的平色斑块，要么是一个含着几万个细碎形状的文件。照片还是留在位图里为好。
为什么我的 SVG 在别的软件里看起来不一样？
通常是字体的缘故。含有文字的 SVG 按名字去引用字体，并指望打开它的机器装着那套字体；没有的话就换上别的，版式随之挪位。对症的办法是导出前把文字转为轮廓：每个字母变成一个形状，文件在哪里都一模一样——代价是文字再也不能编辑和选中。滤镜、混合模式这类高级效果，是另一个常见的差异来源。
文件会损失质量吗？
要看两种格式各自装得下什么。在存放同样内容的格式之间转换——PNG 转 BMP，WAV 转 FLAC——不会损失任何东西。转成为省空间而丢弃信息的格式，比如 JPEG 或 MP3，每转一次就损失一点，再转回去也拿不回来。凡是有选择余地的地方，本页倾向于保住原来的质量，而不是做出最小的文件。
我的文件会被上传到什么地方吗？
不会。转换发生在你自己的机器上、你的浏览器里面；文件从不离开它，这里也没有任何服务器能够接收它。正因如此，限制一个大文件的是你自己的内存而不是上传；也正因如此，你转换的任何东西都不可能出现在任何人的日志里——包括我们的。不过，音频和视频工具会在你第一次使用时从本站取来它们的转换引擎——约三十兆字节，仅此一次；此后工作依然完全在你自己的机器上进行。
人们为什么要把 SVG 转成 JPG
SVG 不是一张图片。它是一组绘制图片的指令:在这里画一个圆,在那里画一条曲线,用那种颜色填充这个形状,用这种字体写下这个词。因为它是指令而不是像素,SVG 可以按任何尺寸显示而不会变模糊,这使它成为标志、图标、图表和插图最喜爱的格式。但令人惊讶的是,有相当多的软件无法执行这些指令。有些上传表单、较老的电子邮件程序、照片服务和打印自助机只要 JPG,别的一概不要。这就是人们把 SVG 转成 JPG 的原因:他们有一幅图稿,而他们必须放置它的地方只接受最常见的照片格式。
对这个选择保持坦诚是有帮助的。对于图稿,PNG 几乎总是更好的格式,因为它能让平涂的颜色和锐利的边缘保持干净,并保留透明度。JPG 是为照片而设计的。只有当某处只接受 JPG 时它才是正确答案,而这种情况确实会发生,而且经常发生。如果你就是这种情况,本页可以完成这项工作。
本页在你的浏览器中把 SVG 转成 JPG。文件中的指令按你选择的尺寸执行一次,结果保存为 JPG。图稿在一个沙箱里渲染,文件中的任何东西都无法运行,也不会上传任何内容。下面你会看到它是如何工作的、保留了什么、这种格式的代价,以及如何选择尺寸。
转换如何进行
指令只执行一次
你的 SVG 在你的浏览器内部打开,浏览器对 SVG 做它一贯做的事:执行绘制指令并绘出结果。然后这幅绘制出来的画面按你选择的尺寸被截取为图片,并保存为 JPG。整个过程发生在你的设备上,所以没有什么要等待的,事后也没有什么要删除的。
一个什么都无法运行的沙箱
原则上,SVG 文件可以包含脚本和对其他东西的引用。为了让这永远不成为风险,图稿在一个文件中任何东西都无法运行的沙箱里渲染。只有形状被绘制出来。即使是你从不完全信任的地方下载的文件,这也是安全的。
尺寸由你来选
因为 SVG 本身没有像素,所以由你决定 JPG 有多少像素。选一个宽度,高度会按图稿的比例随之确定。更大的尺寸得到更清晰的图片和更大的文件。
保留了什么
每个形状都如所绘
每个形状都按你选择的尺寸如实保留:曲线、填充、描边和层叠。JPG 是 SVG 在浏览器里看起来的样子的一张图片。
图稿自身的比例
图稿的比例被保留,所以它不会被拉伸或压扁。如果 SVG 的宽度是高度的两倍,JPG 也是。
把 SVG 转成 JPG 之前你应该知道的
JPG 没有透明度
JPG 没有透明度,所以透明的背景会变成白色。如果你的标志本来是要放在彩色页面上的,JPG 会在它周围带一个白框。当透明度很重要时,请改用SVG 转 PNG。
这种格式是有损的
JPG 是有损的,所以平涂的颜色和锐利的边缘(这是 SVG 的大部分内容)会略微变软。放大时你可能会注意到字母和细线周围有一层淡淡的雾气。对于标志或图标,PNG 是更好的答案;JPG 用于某处只接受 JPG 的情况。
来自别处的字体和图片无法解析
SVG 从别处拉取的字体和图片在沙箱里无法解析。用从服务器加载的网络字体排的文字,在 JPG 中会回退到系统字体,而从文件外部链接的图片会缺失。为了获得最佳结果,请使用文字已转为轮廓、图片已嵌入的 SVG。
如何在这里把 SVG 转成 JPG
添加你的图稿
把 SVG 拖到页面上,或从你的设备中选取。它在你的浏览器内部读取,不会上传。
选择尺寸
选择 JPG 的宽度。想想这张图片将被使用的最大的地方,然后选那个尺寸。
转换并下载
按下按钮并下载 JPG。打开它,查看边缘和文字,并检查白色背景是否符合你的用途。
进一步了解 SVG 和 JPG
矢量与照片
SVG 是矢量格式:它存储形状以及绘制它们的规则。JPG 是照片的格式:它存储一个彩色点的网格,以适合照片渐变的方式压缩。图稿与照片相反,有大片平涂区域和锐利的边界,而 JPG 对这些边界不太友好。把 SVG 转成 JPG,就是把一幅图稿放进为别的东西设计的容器里,而有时这是必要的。
为什么白色背景很重要
JPG 无法存储透明度。在 SVG 没有填充的地方,转换器必须选一种颜色,而白色是中性的选择。如果你要把图片放在白色页面上,什么都不会显得不对。在任何其他颜色上,白框就会显现。
质量与失真
JPG 带来的变软在平涂背景上的文字和细线周围最明显。更大的尺寸使这种效果按比例变小。如果结果看起来模糊,请用更大的宽度再次把 SVG 转成 JPG,然后如果你需要更小的图片,再在你的编辑器里缩小它。
具体常见情形
只接受 JPG 的上传表单
求职申请、注册和市场商品刊登常常只接受 JPG。按他们要求的尺寸把 SVG 转成 JPG,标志或图表就能通过。
打印自助机和照片服务
打印图片的服务通常要 JPG。为海报或卡片准备成 SVG 的图稿,可以在这里转成合适的文件,尺寸大到足够打印。
较老的电子邮件和通讯程序
有些程序显示 SVG 效果很差或根本不显示。JPG 到处都能显示,这使它在收件人的软件未知时成为稳妥的选择。
报告用的图表和示意图
把图表导出为 SVG 的工具给你留下的文件,有些系统会拒绝。图表的 JPG 可以毫不费事地放进报告或消息,尽管 PNG 会让线条更锐利。
把 SVG 转成 JPG 之前的实用建议
问问是否接受 PNG
在转换之前,检查目的地是否接受 PNG。它对于图稿是更好的格式。如果不接受,JPG 就是答案。
如果需要别的颜色,自己设置背景
白色背景可能不是你想要的。如果图片背后必须有特定的颜色,在你的绘图程序里,在 SVG 的最底层加一个那种颜色的矩形,然后把 SVG 转成 JPG。结果就会带着那种颜色。
选一个宽裕的尺寸
JPG 永远是一个尺寸,放大它会变模糊。选你将需要的最大尺寸。
把文字转为轮廓
如果精确的字形很重要,在保存 SVG 之前,在你的绘图程序里把文字转为轮廓。这样字母就变成了形状,绘制它们不需要任何字体。
人们在转换前问的问题
为什么背景是白色的?
因为 JPG 没有透明度。透明的背景会变成白色。
为什么文字有一点模糊?
因为 JPG 是有损的,平涂的颜色和锐利的边缘会略微变软。更大的尺寸能减轻这种效果,而 PNG 则完全避免它。
为什么我的文字看起来不一样?
因为字体是从别处加载的,在沙箱里无法解析。一种系统字体取代了它的位置。在原稿里把文字转为轮廓可以避免这一点。
我应该选哪种尺寸?
你将需要的最大的。你总是可以缩小 JPG,但放大它就会变模糊。
我的文件会被上传吗?
不会。转换在你的浏览器中运行,文件从不离开你的设备。
我能改成得到 PNG 吗?
能。SVG 转 PNG保留透明度和锐利的边缘。
把 SVG 转成 JPG 时的明智选择
先确定目的地
网页需要适中的尺寸。打印需要大的。上传表单自己规定限制。让 JPG 与场合相匹配。
与其他选项比较
对于 favicon,SVG 转 ICO生成一个包含多种尺寸的文件。对于在任何缩放下都保持清晰的文档,SVG 转 PDF让图稿作为图稿保留。
保留 SVG
SVG 是母版。只要你需要,它可以变成任何尺寸和任何格式。请妥善保管。
把 SVG 转成 JPG 时充分利用它
先准备好 SVG
确保图稿有恰当的尺寸或视图框,把文字转为轮廓,嵌入所有图片,并去掉你不想显示的隐藏图层。干净的 SVG 得到干净的 JPG,你也就不需要把转换跑两遍。
一次做出多种尺寸
如果你需要一张图片的几种不同宽度,为每一种各把 SVG 转成 JPG 一次,并按宽度给文件命名。把它们备好,可以免去你为每次请求回来重做的麻烦。
在真实背景上检查结果
把 JPG 放在它将被使用的地方。单独看时无害的白框,在彩色页面上可能很突出。现在发现比较好。
让名称有意义
使用能说明图片是什么、有多大的名称,例如 logo-1600。一年后当你在一个满是图片的文件夹里找到这个文件时,你会立刻知道是哪一个。
从图稿得到更干净的 JPG
用更大的尺寸,之后再缩小
JPG 在细线周围留下的雾气,在每个像素的尺度上是固定量的损伤。如果你把图片做大,然后在编辑器里缩小,损伤会随之缩小并大多消失。所以当干净的结果很重要时,用宽裕的宽度把 SVG 转成 JPG,事后再把图片缩小。
避免非常细的线和极小的文字
发丝线和小字母是有损格式中最先受损的东西。如果你能控制 SVG,把最细的描边稍微加粗,把最小的文字放大。图稿能更好地熬过转换,在小屏幕上也更容易阅读。
平涂的颜色比渐变表现更好
渐变和柔和的阴影转换得很好,因为 JPG 就是为这种平滑变化而造的。一大片单一鲜艳的颜色紧挨着锐利的边缘是更难的情形,淡淡的光晕可能出现在那里。如果它困扰你,不妨再问问目的地到底接不接受 PNG。
发送之前先比较
在浏览器里把 JPG 与 SVG 并排打开,以同样的大小查看两者。如果你分不出它们,转换就完成了它的工作。如果分得出,在放弃之前先试试更大的尺寸。
隐私与处理
为什么本地转换对图稿重要
标志、平面图和设计在发布之前可能是机密的。许多在线转换器把你的文件上传到服务器,处理后送回结果,并且有一段时间,一份副本留在你无法控制的机器上。这里由你自己的浏览器干活,所以图稿留在你的设备上。
你离开时会发生什么
当你关闭页面时,转换后的图片会从浏览器中消失,所以请先下载。关于你图稿的任何东西都不会被保留。
如果出了问题
图片是空白的
SVG 可能缺少尺寸或视图框。在文本编辑器中打开它,检查它是否有 width 和 height 或视图框,或在你的绘图程序里修复它。
图片被裁掉了
有些 SVG 的元素超出了它们声明的区域。在原稿中调整视图框,让所有东西都装得下。
尺寸非常大时页面卡住了
一切都在你的设备上运行,而巨大的图片需要内存。请选择较小的尺寸,或使用电脑。
相关工具
同一系列的工具涵盖相邻的任务。要得到保留透明度的图片,使用SVG 转 PNG。要做 favicon 或应用图标,答案是SVG 转 ICO,要得到在任何缩放下都保持清晰的文档,则是SVG 转 PDF。要把图片描摹成形状,JPG 转 SVG走相反的方向。有了 JPG 之后,压缩 JPG让它更轻,JPG 转 PDF把它放进文档。
一个实例
假设你有一张 SVG 格式的示意图,而一个比赛的表单只接受 JPG,最大 5 兆字节。你把 SVG 拖到这里,选择 2000 像素的宽度并按下按钮。片刻之后,你下载了一张比例相同、白色背景、远低于限制的 JPG。你上传它,示意图清晰地显示出来。SVG 作为母版留在你的文件夹里。
一份简短的清单
转换之前
检查是否接受 PNG。确定你需要的最大尺寸。确保字体已转为轮廓、图片已嵌入。
转换时
在文件准备好之前停留在页面上。
转换之后
打开 JPG,检查边缘和文字,在真实页面上测试它,并保留 SVG。
常见错误
在允许 PNG 时使用 JPG
对于图稿,PNG 更干净并保留透明度。只在不得不用时才选 JPG。
忘了白色背景
背景透明的标志会带着一个白框回来。请在真实页面上检查。
丢掉 SVG
请保留它。它是唯一可以无限缩放的版本。
你的图稿留在你的设备上
转换在本地进行。你的图稿由你自己的浏览器读取,在那里绘制,然后作为 JPG 交还给你。没有任何内容被上传,所以服务器上不会留下副本,别人也看不到它。对于未发布的设计,这是把 SVG 转成 JPG 的安全方式。
小结
要在这里把 SVG 转成 JPG,拖入图稿,选择尺寸并按下按钮。SVG 不是图片,而是绘制图片的指令,在这里这些指令按你选择的尺寸执行一次,结果保存为 JPG。图稿在一个文件中任何东西都无法运行的沙箱里渲染,也不会上传任何内容。每个形状都如所绘保留,带着图稿自身的比例。JPG 没有透明度,所以透明的背景会变成白色,而且它是有损的,所以平涂的颜色和锐利的边缘会略微变软。对于标志或图标,PNG 是更好的答案;JPG 用于某处只接受 JPG 的情况。从别处拉取的字体和图片无法解析。