如何将PNG图像转换为SVG?
当前回答
这个工具现在工作得很好。
http://www.mobilefish.com/services/image2svg/image2svg.php
其他回答
有一个网站,你可以上传你的图片,并看到结果。
http://vectormagic.com/home
但是如果你想下载你的svg-image,你需要注册。 (注册即可免费获得2张图片)
令我惊讶的是,potrace原来只能处理黑色和白色。对于您的用例来说,这可能没问题,但有些人可能会认为缺乏颜色追踪是有问题的。
就我个人而言,我对 向量的魔法
但它仍然不完美。
我刚刚发现这个问题和答案,因为我正试图做同样的事情!我不想使用其他提到的工具。(不想把我的电子邮件给别人,也不想付钱)。我发现Inkscape (v0.91)可以做得很好。本教程简单易懂。
它很简单,选择你的位图在Inkskape和Shift+Alt+B。
注意那些使用potrace和imagemagick的人,将透明的PNG图像转换为PPM似乎不是很好。下面是一个在convert上使用-flatten标志来处理这个问题的例子:
sudo apt-get install potrace imagemagick
convert -flatten input.png output.ppm
potrace -s output.ppm -o output.svg
rm output.ppm
Another interesting phenomenon is that you can use PPM (256*3 colors, ie. RGB), PGM (256 colors, ie. grayscale) or PBM (2 colors, ie. white or black only) as the input format. From my limited observations, it would appear that on images which are anti-aliased, PPM and PGM (which produce identical SVGs as far as I can see) shrink the colored area and PBM expands the colored area (albeit only a little). Presumably this is the difference between a pixel > (256 / 2) test and a pixel > 0 test. You can switch between the three by changing the file extension, ie. the following use PBM:
sudo apt-get install potrace imagemagick
convert -flatten input.png output.pbm
potrace -s output.pbm -o output.svg
rm output.pbm
这取决于您为什么要从.png转换为.svg,您可能不必经历这个麻烦。如果你不是很熟悉可用的工具,或者你不是一个专业的图形设计师,那么从。png(光栅)转换到。svg(矢量)可能会很痛苦。
如果有人向您发送了一个大的、高分辨率的文件(例如1024x1024),您可以在GIMP中将其大小调整为几乎您想要的任何大小。通常情况下,如果分辨率(每英寸像素数)太低,就会出现调整图像大小的问题。要在GIMP中纠正这个问题,您可以:
File ->打开:您的。png文件 图像->图像属性:检查分辨率和颜色空间。你需要300 ppi左右的分辨率。在大多数情况下,你希望颜色空间是RGB。 Image ->模式:设置为RGB 图像->比例图像:保持大小不变,设置和Y分辨率为300或更高。达到规模。 图像->缩放图像:分辨率现在应该是300,你现在可以调整图像到几乎任何你想要的大小。
虽然不像调整.svg文件那么简单,但如果你已经有了一个大的、高分辨率的图像,那么肯定比尝试将.png转换为.svg更容易、更快。
推荐文章
- 在MarkDown中包含SVG(托管在GitHub上)
- 在Android中使用SVG图像最简单的方法是什么?
- 如何计算圆弧(圆)的SVG路径
- SVG定位
- jQuery SVG vs.拉斐尔
- 你能控制SVG的描边宽度的绘制方式吗?
- 如何将PNG图像转换为SVG?
- 图标:.ico或.png /正确的标签?
- 在CSS中为PNG图像删除阴影
- 我可以用CSS改变svg路径的填充颜色吗?
- 是否需要诸如“xmlns”和“version”之类的SVG参数?
- jQuery SVG,为什么我不能添加类?
- 如何在SVG矩形中放置和居中文本
- 无法在typescript中导入svg文件
- 我如何居中一个SVG在一个div?