← #813

SVG Spark：10 个纯浏览器端运行的 SVG 设计与开发小工具

文章摘要

SVG Spark 是 HN 用户 Zeus808 发布的一组在线小工具，部署在 Vercel 上。帖子标题称它是「10 个客户端 SVG 设计与开发工具」，拿到 44 分。作者没有附 HN 自述，评论区也只有寥寥几条，下面的介绍主要依据网站本身和前端代码。

名不副实的「SVG」。 打开网站，页面标题其实是「免费浏览器工具：10 个私密的客户端工具」，副标题说这是给开发者、营销人员和内容创作者用的一组快速单页工具，全部在浏览器里运行。这 10 个工具中真正和 SVG 有关的只有第一个：

SVG 转 PNG / WebP：拖入多个 SVG 文件，工具读取每个文件的 width、height 或 viewBox 来确定尺寸（读不到时默认 512×512），用 canvas 绘制后导出为 PNG 或 WebP，多个文件可以打包成 ZIP 下载（ZIP 由 JSZip 生成）。
正则可视化：实时高亮匹配结果，并把正则逐段翻译成英文解释，比如「重复零次或多次」「任意单词字符」「命名捕获组」；内置邮箱、URL、日期、电话号码、IP 地址等常用模式。
社交媒体图片裁剪：按各平台尺寸裁剪，并叠加「安全区」遮罩，提示顶部界面、移动端裁切、视频时长标签会挡住哪些区域，支持导出 WebP 和自定义模板。
PDF 拆分与合并。
JSON 转 CSV / Excel：把嵌套 JSON 展平后导出成表格。
SRT 字幕转纯文本：去掉时间戳和序号，得到可读的文字稿。
UTM 链接生成器：拼接营销活动的追踪参数，可保存历史记录，链接缩短功能标着「即将推出」。
SQL 格式化：支持多种方言，从代码里能看到 BigQuery、ClickHouse 等语法。
对比度检查：实时给出 WCAG AA / AAA 在正常文字和大号文字下是否达标。
Markdown 预览：实时预览，可导出 HTML 和带格式的富文本（解析和过滤分别用的是 marked 和 DOMPurify）。

隐私卖点。 首页最显眼的标语是「Nothing ever leaves your device」和「Ten utilities. Zero uploads.」，底部再次强调所有处理都在本地完成，文件不会上传，「没有服务器，没有追踪」。从代码看，文件处理确实是在浏览器中完成的。

变现方式。 前端代码里还能看到更多内容：工具页面有广告位，另有一个「24 小时 Pro Pass」，一次性付费、不是订阅，解锁后所有工具都能批量处理、导出 ZIP 和多文件，并去掉广告；网站有登录和付款状态页，字幕工具旁边还放了 Descript、Rev 等转录服务的推荐。页面元数据显示，网站是用 AI 建站平台 Lovable 生成的。

HN 评论精华

讨论很少，只有 7 条评论，而且焦点不在工具本身，而在页面文案和标题上。

标题与内容不符，文案一股 AI 味。 排在最前面的是 simonw 的评论：这 10 个工具里好像只有一个和 SVG 有关。他接着建议作者告诉自己的编程代理，去掉营销腔，永远不要用「eyebrow」，这样就能去掉「Nothing ever leaves your device」和「Ten utilities. Zero uploads.」这类标题。他说自己也经常得这样提醒他的代理。

什么是「eyebrow」。 skybrian 问「eyebrow」是什么意思，页面上没看到眉毛。CliffyA 解释，「Nothing ever leaves your device」那一行就是 eyebrow，也就是标题上方的一行小字。simonw 补充说，他也是最近几个月才知道这个词，因为 Claude 等模型总是坚持在每个页面上加一个：主标题上方一行很短的文字，通常是小号全大写。0gs 调侃说，Claude 正在往我们的语言里塞进新词用法，而我们也就这么接受了。

一个具体的 bug。 croes 报告，SQL 格式化工具的「前置逗号」选项会把逗号直接删掉，而不是把逗号移到行首。

除此之外只有 bhavyshekhaliya 一句「不错的实用工具」。作者没有在评论区回复。整体来看，HN 读者对这组工具的实际功能讨论很少，更多是把它当作 AI 生成网站文风的一个例子。