惯性聚合 高效追踪和阅读你感兴趣的博客、新闻、科技资讯
阅读原文 在惯性聚合中打开

推荐订阅源

博客园 - 叶小钗
Last Week in AI
Last Week in AI
OSCHINA 社区最新新闻
OSCHINA 社区最新新闻
雷峰网
雷峰网
GbyAI
GbyAI
Hugging Face - Blog
Hugging Face - Blog
N
Netflix TechBlog - Medium
博客园 - 聂微东
Y
Y Combinator Blog
罗磊的独立博客
博客园_首页
小众软件
小众软件
有赞技术团队
有赞技术团队
爱范儿
爱范儿
F
Fortinet All Blogs
C
Check Point Blog
Google DeepMind News
Google DeepMind News
云风的 BLOG
云风的 BLOG
Apple Machine Learning Research
Apple Machine Learning Research
M
MIT News - Artificial intelligence
月光博客
月光博客
钛媒体:引领未来商业与生活新知
钛媒体:引领未来商业与生活新知
博客园 - 司徒正美
aimingoo的专栏
aimingoo的专栏

分享创造

分享 KCase 脑图测试用例生成平台(AI 辅助生成测试用例) 标签页囤积症自救:写了个插件 TabRack,主打快速检索、自动分类和 AI 摘要 [file-preview]一个比较全面的在线文件预览组件库-支持 react 和 vue 撸了个 iOS 小应用[极简水印相机],直接免费 做了一个 V2EX Skill 写了个 iOS 打码 App「遮鸭 Maskduck」,纯离线免费 35 岁前端,裁员失业后,我花 1 个月做了个 AI 生图网站 亲身经历猫咪急症,我做了一款猫狗疼痛检测工具,希望能救你家毛孩一命 如何用 AI 做比较酷炫的落地页? 求真!最近 AI 生图的能力强到可怕 开源一个查看 k8s 的菜单栏工具-kubebar Packpour:我做了个专门给 App Store Connect 填多语言元数据的小工具 面对 140 年一遇的超级厄尔尼诺,我做了个全球监测小站 做了一个自动翻译的 Hacker News 客户端 做了一个 AI 头像生成器,可以免费生成 2 次 [送码 50 个] 自己手搓了个高颜值的倒数日 App——拾光机,求 V 友们指点 一个将苹果健康 APP 数据导出的工具,然后把你的数据喂给 AI 分析 我做了一个叫「订阅斩」的 iOS App,专门对付那些悄悄扣钱的订阅 做了个草率的日麻互动漫画,听听反馈 喜欢自己洗车的朋友们,我用 ai 做了一款洗车小程序 -- 洗车志 感谢 V2EX 上各位 NAS🍆 和 Datahoarder 玩家的关注和真实反馈!作为个人开发者,能得到这么多硬核玩家们的讨论,我非常荣幸。 用 AI 开发熊孩子自律的小程序 用 OpenClaw 搭建个人运动助手 今天摸鱼给 NanaAI 也接入了 GPT-Image-2 [Video Companion]一个 chrome 插件,解决大多对视频操作的需求~欢迎使用提 bug AI 时代,做产品简单了,把产品推广出去却变的更难了~ bestskills.dev - Skills 精选和评测站点 免 ROOT 强力卸载安卓广告软件 一个 All In One 的运维工具,支持 SSH、数据库、Redis 管理 [开源] Codeg V0.10:专注于代码生成的多智能体 IDE(cc、codex、gemini、opencode……),新版本重构了工作区,飞一般的体验,支持桌面端、服务器部署
vibe coding 了一个 SVG to PNG 在线转换工具,想请大家帮忙试试
ruguodev · 2026-04-29 · via 分享创造

最近用 vibe coding 做了一个小工具:SVG to PNG Converter

地址: https://svg-to-png.io

svg-to-png.io

起因很简单。我平时经常会遇到一些 SVG 需要转 PNG 的场景,比如图标、logo 之类。刚好现在 vibe coding 盛行,所以就想自己做一个:

  • 文件不上传,转换在浏览器里完成
  • 支持批量转换,最多一次 20 个 SVG
  • 可以设置 1x / 2x / 4x 或自定义宽高
  • 支持透明、白色、黑色背景
  • 无水印

这次比较有意思的是,整个项目基本是通过 vibe coding 推起来的,一边描述需求,一边让 AI 生成,再自己 review 、调试、修改。

实际做下来感觉,AI 对这种「结构明确的小工具站」效率确实很高,但也不是一句 prompt 就能完事。

比如 SVG 转 PNG 看起来只是读文件、画 canvas 、导出 blob ,但真正处理起来会遇到不少细节。

AI 能很快把架子搭起来,但这些产品细节还是需要自己判断。不然很容易变成 demo 能跑,但实际使用不顺手。

另外这次做页面设计的时候,我参考了一个挺有意思的网站:

https://getdesign.md/

各位在自己做项目的时候,可以去找一个喜欢的风格,把对应的 Design.md 下载到项目,让 AI 按照这个规范开发即可。

目前站点已经可以正常用,不过还在继续打磨。后面可能会加:

  • 其他格式互转
  • SVG 清理 / 压缩选项
  • 一些面向设计师和前端的导出 preset

各位大佬帮忙试试看,尤其是各种比较奇怪的 SVG 文件。如果遇到转换失败、尺寸不对、透明背景异常、字体渲染不一致之类的问题,欢迎反馈。

工具地址: https://svg-to-png.io

另外,比如这种小工具还有什么值得加的功能,或者独立工具站在产品和 SEO 上还有哪些可以优化的方向。