我收藏了一批“无聊但常用”的小工具，每周都要用上好几回：给SVG图标换个颜色、压缩一段CSS、把JSON响应转换成TypeScript接口、生成一个favicon。这些事情都不难，但原本的工作流充满摩擦：注册账号、等待上传，还要担心网站有没有偷偷收集你的数据。

所以我在做 I Like Tool：一个持续增长的免费工具集，全部运行在浏览器本地。不需要账号，不需要上传，也没有服务器往返。你的文件和文本始终留在自己的机器上。

下面是两个我觉得开发者会真正用起来的工具。

1. SVG 路径编辑器

这是我最得意的作品。很多图标库（Bootstrap Icons、Font Awesome 等）会把一个图标打包成单条 ，多个视觉部件合在一起，所以你想单独给眼睛换个颜色、给手臂重新上色，就不得不手改原始路径数据。

SVG 路径编辑器可以让你：

  • 点击实时预览中的任意形状独立填色（调色板、取色器或十六进制色值）
  • 把组合的多部件路径拆成独立、可编辑的多个部分，同时正确保留孔洞/镂空（比如眼睛）——这类效果通常依赖 fill-rule 技巧
  • 删除不需要的形状
  • 直接编辑原始代码，预览界面双向同步

路径拆分逻辑会先把所有坐标转成绝对值，避免部件在提取时散开；再按边界框包含关系对子路径分组，让“孔洞”始终跟随父形状，而不是变成实心块。解决这个问题真的很有意思。

2. Favicon 生成器：支持图片、文字或 Emoji

大多数 favicon 生成器只支持上传图片。这个工具提供了三个标签页：

  • 图片 → favicon.ico（支持 PNG/JPG/SVG/WebP，自动裁剪并居中）
  • 文字 → favicon：最多输入 4 个字符，从 30 种 Google 字体中选择，设置纯色或渐变背景，还可以拖动滑块从锐利的正方形变为正圆
  • Emoji → favicon：从内置分类选择器中挑选任意 emoji，背景和形状控制与文字模式相同

这两个工具都很轻、很快，而且完全不碰你的隐私。如果你也烦透了“为了一个小功能还要注册登录”，不妨打开 I Like Tool 试试看。