Tracing groups the colours and turns each area into a filled shape. It does not recover an original vector design: logos and flat artwork trace cleanly, photos give large, blotchy SVGs.
Files (0)
No files yet
Add files and they convert right away. Change a setting and they convert again.
Built with open source libraries. Licenses
什么是 PNG 到 SVG 转换器?
PNG到SVG转换器将光栅图像追踪成填充的矢量形状,它没有恢复原始矢量设计:形状是从像素重建的,因此边缘是近似的,标志,图标,线条艺术和其他很少颜色的平面艺术品追踪良好的照片没有;它们变成大的,斑点的SVG,可以很多兆字节,有时是几十兆字节,远远大于你开始的PNG。
2种格式的区别解释了为什么这根本值得做 PNG存储一个固定的像素网格,因此放大它会使边缘变得块状 SVG存储被描述为路径的轮廓,并充满颜色,浏览器或设计应用程序可以以任何尺寸干净地重新绘制跟踪的SVG,可以进入网页,在矢量编辑器中重新着色,或者由从轮廓工作的切割机或激光雕刻机读取。
描(tracing)分两步进行,首先将图像缩减为一个小调色板,即您在颜色下选择的数字,然后追踪器行走相同颜色的每个区域的边缘,并拟合直线和曲线到它,每个区域产生一条填充路径,每条路径还得到一个1像素的轮廓,其颜色可以关闭相邻形状之间原本会显示的发际线间隙。
2个设置塑造结果颜色是2,8(默认)或16细节是低,中(默认)或高:低稍微先模糊图像,拟合较宽松的曲线和比斑点更小的形状,给出更简单和更小的文件,而高紧跟像素,保持微小的形状改变任一设置再次跟踪每个添加的文件,每行显示PNG大小旁边的新SVG大小,因此您可以在下载前比较设置。
Tracing 使用 imagetracerjs 在后台 Web Worker 中运行客户端,只有在添加第一个文件时才下载该文件,因此页面保持响应状态,并且不会上传任何图像。两侧超过 1200 像素的图像在追踪之前会按比例缩小,因此作业在几秒钟内完成,并且 SVG 仍设置为在原始宽度和高度处打开。需要超过两分钟的跟踪将被停止,并显示颜色更少或细节更低。接受高达 100 兆像素的 PNG,透明区域成为透视形状,并且该工具是免费的,无需注册,转换时有每日上限。
如何将 PNG 转换为 SVG
添加您的 PNG 文件
PNG图片掉到盒子上,或者点击上传,一次几个文件就可以了,每个一加就追查,logo、图标和平面的图形给出最干净的结果。
设置颜色和细节
2种颜色选择黑白艺术品,8种颜色选择大多数徽标,16种颜色选择阴影图形从中等细节开始更改任一设置都用新值再次跟踪每个文件。
检查踪迹
每行都显示跟踪的 SVG 作为缩略图、其状态以及大小与 SVG 前后大小以及大小相符的大小行。单击缩略图打开 SVG 大号并在前后之间切换。如果边缘看起来块状或文件太大,请更改设置并重新查看。
下载 SVG 文件
按行上的下载图标保存该 SVG,或在列表标头中全部下载以将批次保存为转换后的 svg。zip。
为什么要将 PNG 转换为 SVG?
当图像简单并且需要缩放或读作轮廓时,追踪是值得的。对于任何摄影作品,请保留 PNG。
仅作为巴布亚新几内亚存在的标志
原来的矢量文件经常丢失,剩下的只是从网站或电子邮件签名中提取的 PNG。Tracing 为您提供一个 SVG,可以扩展横幅或打印作业,而无需块状边缘。仔细检查曲线和小文本,因为它们是从像素重建的,而不是从设计者的文件中复制。
切割机、雕刻机和刺绣软件
Vinyl cutters,激光雕刻师和许多工艺工具遵循路径,而不是像素,一个2色痕迹的轮廓,模板或字母组合将每个黑暗区域变成机器可以切割的封闭形状。
Web 的图标和插图
SVG 描出来的平面图标,在高密度屏幕上保持清晰,可以用 CSS 重新着色,如果以后需要设定大小的像素版本,将 SVG 渲染回 PNG。
PNG 与追踪 SVG:使用什么
| 巴布亚新几内亚 | 追踪 SVG | |
|---|---|---|
| 它存储什么 | 像素网格。 | 从这些像素中追踪到的填充形状。不是原始的矢量设计。 |
| 缩放 | 放大时块状或模糊。 | 以任何尺寸干净地重新绘制。 |
| 颜色 | 数百万,坡度平滑。 | 2、8或16种平面颜色。渐变变成带。 |
| 透明度 | 完整的阿尔法通道。 | 透明区域被追踪为透视形状。 |
| 徽标和图标 | 保存的大小很好。 | 贴合性好:边缘干净,易于重新着色。 |
| 照片 | 非常适合,通常文件较小。 | 适合性差:大型、斑点状 SVG,有时可达数十兆字节。 |
| 编辑 | 像素编辑器。 | 矢量编辑器、切割和雕刻软件、代码。 |
颜色和细节如何改变痕迹
SVG看起来多忠实和包含多少形状之间的交易,每个设置都意味着一个更大的文件和矢量编辑器中的更多清理。
颜色:2、8 或 16
图像在描画之前被简化为如此多的颜色,两种颜色适合黑白徽标、模板、签名和线条艺术,八种颜色处理大多数平面徽标,带有一些品牌颜色和一些抗锯齿边缘,十六种颜色保持更多的阴影,价格是沿着每个柔软的边缘有更多的小形状。
详细信息:低、中或高
Low detail稍微模煳图像,松散地拟合曲线和抛弃微小的形状,这给出了平滑的轮廓和小文件,Medium拟合大约一个像素以内的曲线,High紧贴像素,保持小形状,因此它保留了细笔画,但也拾取了噪音。
为什么照片出错
1张照片到处都是柔和的渐变和质感,所以即使在16种颜色下它也会分裂成数千个不规则的补丁,每个补丁都变成一条有自己坐标的路径,SVG最终可以达到PNG的很多倍大小,同时看起来像海报复印件,那是追踪的极限,而不是你可以修复的设置。
隐私和安全
- PNG 在这个浏览器选项卡内被解码和追踪,在后台工作人员。图像从未上传。
- 仅当您添加第一个文件时,才会从此站点加载 imagetracerjs 库。
- SVG 仅由跟踪路径构建,没有原始 PNG 的脚本、链接或嵌入副本。
- 日常使用情况检查会发送工具名称、设备标识符和您的登录令牌(如果您有)。不包含图像数据。
- 批处理后,页面记录文件计数、总字节和输出格式,而不是文件名或像素。
主要特点
2、8或16种颜色
从黑白艺术品到阴影平面图形
低、中、高细节
平滑、紧凑的轮廓或小形状的紧密追踪
无间隙形状
每个形状上的细匹配轮廓都隐藏了颜色之间的接缝
SVG 预览和文件大小
下载前查看跟踪的结果及其权重,每次更改设置时都会更新
Frequently Asked Questions
Related Tools
JPG to SVG Converter
Trace a JPG logo, scan or signature into an SVG of filled shapes with 2, 8 or 16 colors. It does not recover the original vector design, and photos give large, blotchy SVGs
SVG to PNG Converter
Convert SVG vector graphics to PNG at 1x, 2x or 4x in your browser, no upload needed
PNG to PDF Converter
Put PNG screenshots and graphics into one PDF without losing detail, one page per image, in your browser
SVG to PDF Converter
Put SVG graphics onto PDF pages as images at 1x, 2x or 4x resolution, one page per file, in your browser
Comments
0 comments
No comments yet. Be the first to share your thoughts!