我收藏了一批“无聊但常用”的小工具,每周都要用上好几回:给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 试试看。
特别声明:以上内容(如有图片或视频亦包括在内)为自媒体平台“网易号”用户上传并发布,本平台仅提供信息存储服务。
Notice: The content above (including the pictures and videos if any) is uploaded and posted by a user of NetEase Hao, which is a social media platform and only provides information storage services.