SVG – 小众软件 https://inloveinparis.com 分享免费、小巧、实用、有趣、绿色的软件 Sun, 11 May 2025 09:02:08 +0000 zh-Hans hourly 1 https://wordpress.org/?v=6.8.1 Hyvector – 免费在线 SVG 图片编辑工具 http://inloveinparis.com/hyvector/ http://inloveinparis.com/hyvector/#respond Sun, 11 May 2025 08:57:22 +0000 http://inloveinparis.com/hyvector/ Hyvector 是一款在线的 SVG 图片编辑工具,可以处理复杂的 SVG 图片。适合于桌面浏览器,虽然也可以在手机上使用,但用起来稍有不便。@Appinn

Hyvector - 免费在线 SVG 图片编辑工具 1

Hyvector 支持新建图片,也可以打开 SVG 图片进行处理。

拥有:

  • 节点工具
  • 贝塞尔曲线工具
  • 笔、笔刷
  • 文字工具
  • 图形工具
  • 图片工具
Hyvector - 免费在线 SVG 图片编辑工具 2

如果你只是偶尔编辑 SVG 图片,可以试试。

获取

注意:非开源项目、早期版本。


原文:http://inloveinparis.com/hyvector/

关于在线图片编辑器,不得不提到这两个:

青小蛙依旧觉得,对于 93.5% 的非专业用户,这些工具足够对付普通的图片编辑需求了。


©2021 青小蛙 for 小众软件 | 加入我们 | 投稿 | 订阅指南
3659b075e72a5b7b1b87ea74aa7932ff
点击这里留言、和原作者一起评论

[ 点击前往获取链接 ]


]]>
http://inloveinparis.com/hyvector/feed/ 0
Photopea 开发者新作 Vectorpea:免费在线矢量图编辑器 http://inloveinparis.com/vectorpea/ http://inloveinparis.com/vectorpea/#respond Wed, 11 Dec 2024 07:06:30 +0000 http://inloveinparis.com/vectorpea/ Vectorpea 是一款免费的在线矢量图编辑器,由著名的在线 PS 工具 Photopea 同款开发者推出,目前处于 Beta 测试阶段,支持读取并编辑 .svg、.ai、.eps、.pdf 等常见的矢量图格式。@Appinn

Photopea 开发者新作 Vectorpea:免费在线矢量图编辑器 3

感谢 Dalieba 的发现

关于 Photopea,有一个有趣的数字:过去十二个月中,Photopea 的用户已在 Photopea 中打开了十亿个文件,其中 PNG + JPG +PSD 占了 92%。

Vectorpea 是什么?

Vectorpea 是一款免费的在线工具,点击这里就能用。

界面和同门的 Photopea 非常类似,支持从各种网盘载入文件,当然也可以从本地打开矢量图片:

Photopea 开发者新作 Vectorpea:免费在线矢量图编辑器 4

你可以编辑矢量图,也可以从零开始创建新的矢量图,Vectorpea 还内置了 1000 多款模板。不过模板在我这里非常卡,近乎于打不开的地步…也不知道为什么。

另外也可能是测试版的原因,在 Vectorpea 页面上的许多按钮,都指向了 Photopea,再加上两者太像了,有时候会有一种错乱的感觉 😂

今年年初的时候,青小蛙为了给大佬们办法徽章,又拿出了 Photopea 在用:

Photopea 开发者新作 Vectorpea:免费在线矢量图编辑器 5

作为临时工具,PhotopeaVectorpea 非常适合青小蛙这样的业余用户,可能一年也就用一两次,虽然常常会把它忘了,但它足够稳定,足够在需要的时候拿出来用。

所以没事多提提它。以后普通图片用 Photopea,矢量图编辑用 Vectorpea

获取

扫码关注小众软件微信公众号,回复 241211 获取官网地址:

Photopea 开发者新作 Vectorpea:免费在线矢量图编辑器 6

原文:http://inloveinparis.com/vectorpea/


相关阅读


©2021 青小蛙 for 小众软件 | 加入我们 | 投稿 | 订阅指南
3659b075e72a5b7b1b87ea74aa7932ff
点击这里留言、和原作者一起评论

[ 点击前往获取链接 ]


]]>
http://inloveinparis.com/vectorpea/feed/ 0
Vectorizer image – 免费 SVG 文件转换器 http://inloveinparis.com/vectorizer-image/ http://inloveinparis.com/vectorizer-image/#respond Tue, 30 Apr 2024 08:53:00 +0000 http://inloveinparis.com/vectorizer-image/ Vectorizer image 是一款 SVG 文件转换器,可以将光栅图像(例如 PNG 或 JPG)转换为 SVG 矢量图,在线工具,简单易用,只需三步:上传图片、转换图片、下载图片。@Appinn

Vectorizer image - 免费 SVG 文件转换器 7

之前青小蛙介绍过一类 SVG 格式转换工具,比较尴尬的是介绍完没多久,人家就开始收费了。

Creative Fabrica Studio

Vectorizer image 实际上是免费在线设计编辑器套件 Creative Fabrica Studio 的 SVG 转换器,它还有以下功能:

Vectorizer image - 免费 SVG 文件转换器 8

这些工具可以相互结合使用,并且所有的内容都可以供个人或商业使用。

Vectorizer image

Vectorizer image 就是一款简单的图片转 SVG 工具,长这样:

Vectorizer image - 免费 SVG 文件转换器 9

将图片拖进去就可以了,它会自动转换,然后显示预览图,以小众软件的 Logo 为例:

Vectorizer image - 免费 SVG 文件转换器 10

右边的是 SVG 格式,然后就可以下载(Download Vector)回来了。

注意左边栏的那一列,是之前处理过的图片,它会保存在里面已供你下次再用。

另外页面也有浅色模式:

Vectorizer image - 免费 SVG 文件转换器 11

简单易用,推荐给有 SVG 图片需求的同学。


获取


相关阅读


©2021 青小蛙 for 小众软件 | 加入我们 | 投稿 | 订阅指南
3659b075e72a5b7b1b87ea74aa7932ff
点击这里留言、和原作者一起评论

[ 点击前往获取链接 ]


]]>
http://inloveinparis.com/vectorizer-image/feed/ 0
Color Trace – 位图描摹转彩色矢量 SVG 图片 http://inloveinparis.com/color-trace/ http://inloveinparis.com/color-trace/#comments Tue, 31 Aug 2021 07:50:09 +0000 http://inloveinparis.com/color-trace/ Color Trace 是一款将位图描摹为彩色矢量 svg 图片的程序,是一个命令行工具,使用 Python 脚本实现,运行环境 Python3.8+。@Appinn

Color Trace - 位图转彩色矢量 SVG 图片

来自发现频道

Color Trace

这是一个开源项目,它的原理是:

  • 先将位图图片的颜色缩减,以 png 为中转格式
  • 将图片按颜色分层
  • 将每一层颜色使用 Potrace 生成矢量 svg 图片
  • 最后将所有颜色的 svg 图片合成为一张彩色的 svg 图片

使用简单,但是配置环境比较复杂,它依赖:

  • ImageMagick,用于转换图像格式
  • Potrace,用于将位图转换为单一颜色矢量图
  • pngquant,用于缩减颜色(Median-Cut 算法,这是默认使用的算法)
  • pngnq,用于缩减颜色(NeuQuant 算法)

所以青小蛙觉得,就转一下开发者的背景介绍吧,真要使用的请移步发现频道

效果对比

原图:

Color Trace - 位图描摹转彩色矢量 SVG 图片 12
以一个字帖图片为例,这是 png 格式的位图(370KB)
Color Trace - 位图描摹转彩色矢量 SVG 图片 13
颜色数为 3 的 svg 转换结果(190KB):

背景

我希望将手上的一些扫描版的 PDF 书籍转为矢量格式保存,借助矢量图形的优点,如果使用适当的参数,可以得到更观看体验更好、体积更小的电子书。于是发现了 Potrace,转换的效果非常好,许多程序、项目都在使用它和它的代码,唯一的遗憾是它只支持黑白。

Potrace™ 是一种用于描摹位图的工具,即将位图转换为平滑、可缩放的图像。输入是位图(PBM、PGM、PPM 或 BMP 格式),输出是几种矢量文件格式之一。

典型用途是从扫描的数据(例如公司或大学徽标、手写笔记等)创建 SVG 或 PDF 文件。生成的图像是平滑的,可以以任何分辨率呈现。

Potrace 目前可以生成以下输出格式:SVG、PDF、EPS、PostScript、DXF、GeoJSON、PGM、Gimppath 和 XFig。

然后我也试用了 Adobe illustrator、Inkscape 的描摹功能,但都需要图形界面一张一张操作,不能批量化操作,不如 Potrace

毕竟发现了 Potrace 这样一个古老、优秀、应用广泛的软件,然后我就在 Github 上搜索,看看有没有人用 Python 和 Potrace 结合,做出有意思的东西。

结果,还真就找到这样一个 star 几十的 repo:由 customink 在 2012 年用 Python3.2 实现的 color_trace !

看了 readme 后,怀着激动的心下载了源码,试运行,结果报错。毕竟是 2012 年用 Python3.2 写的,太古老了,Python 的许多内置函数都变了不少。

想要用的话,就只能自己修了。英文源码我是看不下去,就把里面的大部分注释和变量都替换成了方便我理解的中文翻译,这样才逐渐理解了这个程序的原理,然后进行测试、修复、优化,最终可用了。Happy!


另外,@heyeshuang 给我推荐了 vtracer,我一看,居然挺成熟的,我的程序该不会白造轮子了吧,然后一看,我去,我居然还 star 过,怎么就没想起来?

然后我试用了一下,用上面那张 png 图片,vtracer 得到了这样的结果(427KB):

vtracer矢量,默认

调节颜色不能调整数量,只能调整位深,如果是低位深,则效果要更差些(349KB):

Color Trace - 位图描摹转彩色矢量 SVG 图片 14

在这张字帖示例图的转换结果对比下,无疑是我的 potrace 方案效果更好。其它图我还没比较。不过 vtracer 的速度确实很快,在一些场景下应该效果会不错。

最后效果说明,我做这个轮子还是有意义的。

相关链接


相关阅读


©2021 青小蛙 for 小众软件 | 加入我们 | 投稿 | 订阅指南
3659b075e72a5b7b1b87ea74aa7932ff
点击这里留言、和原作者一起评论

[ 点击前往获取链接 ]


]]>
http://inloveinparis.com/color-trace/feed/ 6
Wicked Backgrounds – 简单易用的波浪形背景生成器,SVG 格式 http://inloveinparis.com/wicked-backgrounds/ http://inloveinparis.com/wicked-backgrounds/#comments Sun, 08 Aug 2021 05:47:01 +0000 http://inloveinparis.com/wicked-backgrounds/ Wicked Backgrounds 是一个免费的在线服务,用于生成漂亮的波浪渐变背景,SVG 格式,可以在你的设计中使用。@Appinn

Wicked Backgrounds - 简单易用的波浪形背景生成器,SVG 格式

来自 @Newlearnerの自留地 频道及 Product Hunt 的消息。

Wicked Backgrounds 效果

先来看效果:

Wicked Backgrounds - 简单易用的波浪形背景生成器,SVG 格式

青小蛙觉得这些背景图片非常适合做图,比如在上面放一张应用截图,不就是很好的小众软件图片嘛?

当然你还可以拿去做设计中的背景、或者当壁纸都是可以的。

Wicked Backgrounds 使用

可选的参数包括:

  • 颜色模式:旋转、变黑、淡化
  • 角度
  • 波浪宽度
  • 波浪线条随机度

在挑选完第一个颜色之后,就能生成随机的 SVG 格式的背景了,不满意波浪形状还可以点击 Regenerate 重新生成。

最后,可复制为 SVG 代码,或者直接下载 SVG 文件进行二次处理。

Wicked Backgrounds 地址


相关阅读


©2021 青小蛙 for 小众软件 | 加入我们 | 投稿 | 订阅指南
3659b075e72a5b7b1b87ea74aa7932ff
点击这里留言、和原作者一起评论

[ 点击前往获取链接 ]


]]>
http://inloveinparis.com/wicked-backgrounds/feed/ 2
Tabler Icons – 558 个可完全自定义的免费 SVG 图标 http://inloveinparis.com/tabler-icons-online/ http://inloveinparis.com/tabler-icons-online/#respond Mon, 27 Jul 2020 04:57:00 +0000 http://inloveinparis.com/tabler-icons-online/ Tabler Icons 是一个基于 MIT 许可证的免费 SVG 图标服务,提供了 558 个不同的图标,可自定义颜色、大小、线条粗细,一键导出 HTML 代码。@Appinn

Tabler Icons - 558 个可完全自定义的免费 SVG 图标 15

非常方便的图标库,类型还是相当丰富的,能想到的常见图标都包括了进去,用来自用或者给产品用都是可以的。

Tabler Icons - 558 个可完全自定义的免费 SVG 图标 16
Tabler Icons - 558 个可完全自定义的免费 SVG 图标 17

点击任何一个图标,就会复制 HTML 代码,类似:

<svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-cut" width="76" height="76" viewBox="0 0 24 24" stroke-width="2" stroke="#2196F3" fill="none" stroke-linecap="round" stroke-linejoin="round">
  <path stroke="none" d="M0 0h24v24H0z"/>
  <circle cx="7" cy="17" r="3" />
  <circle cx="17" cy="17" r="3" />
  <line x1="9.15" y1="14.85" x2="18" y2="4" />
  <line x1="6" y1="4" x2="14.85" y2="14.85" />
</svg>

效果是这样的:

感觉可还行?Tabler Icons 官网在这里:https://tablericons.com

即开即用。


相关阅读


©2021 青小蛙 for 小众软件 | 加入我们 | 投稿 | 订阅指南
3659b075e72a5b7b1b87ea74aa7932ff
点击这里留言、和原作者一起评论

[ 点击前往获取链接 ]


]]>
http://inloveinparis.com/tabler-icons-online/feed/ 0