推荐工具的文章网上到处都是，但大部分是写手扒了产品官网介绍拼出来的——作者自己都没用过。这篇不一样，下面每个工具我都实际用了至少半年，有些用了两三年。推荐顺序按使用频率排。
1. Excalidraw（手绘风白板）
网址：excalidraw.com
我画架构图、流程图、头脑风暴全用它。手绘风格天生比Visio那种冷冰冰的线框好看。最实用的是它的协作功能——丢个链接给同事就能同时编辑，不用注册账号。导出支持PNG和SVG，贴到文档里毫无违和感。用了两年多了，从来没崩过。
2. TinyPNG（图片压缩）
网址：tinypng.com
做网站的人绕不开的东西。PNG和WebP都能压，一张2MB的截图通常能压到300KB左右，肉眼完全看不出区别。免费版一次最多20张，对我够用了。有一个小技巧：它的API可以批量处理，GitHub Actions里写个脚本，每次提交自动压缩图片。
3. JSON Crack（JSON可视化）
网址：jsoncrack.com
把JSON数据转成树状图或流程图。调试API接口的时候，几百行的嵌套JSON看到眼花，丢进去立刻看清结构。支持粘贴JSON、上传文件、甚至直接输入URL拉数据。有本地客户端，敏感数据不用担心上传。
4. Remove.bg（一键去背景）
网址：remove.bg
抠图界的王者。上传图片自动去背景，AI识别精度比Photoshop还高——头发丝都能抠干净。免费版输出分辨率有限，但做网页素材完全够。做电商详情页的时候这工具能省掉一半的美工时间。
5. Screen Studio（录屏美化）
网址：screen.studio
macOS上最好的录屏工具，没有之一。录出来的视频自动加上平滑的鼠标移动、点击高亮、背景模糊，直接就是产品Demo级别的效果。收费但值得——我所有产品演示视频都用它录。
6. TablePlus（数据库客户端）
网址：tableplus.com
支持MySQL、PostgreSQL、SQLite、Redis等十几种数据库。界面干净，查询有智能补全，数据导出方便。相比Navicat，它轻量太多；相比命令行，它又够直观。免费版限制是两个标签页，日常够用。
7. PageSpeed Insights（网站测速）
网址：pagespeed.web.dev
Google官方的网站性能检测工具。输入URL出详细报告：LCP、FID、CLS三大核心指标，以及具体的优化建议。我每次网站上线前必跑一遍。移动端和桌面端分开测，国内访问有时候需要梯子。
8. DevDocs（开发文档聚合）
网址：devdocs.io
把几十种开发文档聚合在一起，支持离线搜索。前端、后端、数据库的API文档全在，快捷键搜索效率极高。找不到某个CSS属性或者Python函数的时候，不用打开十几个标签页了。
9. Squoosh（图片转换优化）
网址：squoosh.app
Google出品，浏览器里直接转换图片格式。支持WebP、AVIF、JPEG XL等所有现代格式，左右对比实时预览压缩效果。做性能优化的时候用它手动调压缩参数，比命令行工具直观很多。
10. UptimeRobot（网站监控）
网址：uptimerobot.com
免费监控50个网站，每5分钟检测一次是否在线。挂了立刻发邮件或者推送通知。我有一次服务器半夜宕机就是被它叫醒的——省了六个小时的宕机时间。支持自定义关键词检测，能监控页面是否正常加载内容而不只是返回200。
写在最后
工具这东西，贵不是关键，适不适合自己的场景才重要。上面这十个，没有一个是因为「大家都在用」我才推荐的——每一个都是我在实际工作中反复用了觉得确实省时间、确实解决问题的。如果你有类似的需求，可以挨个试试看。
还木有评论哦，快来抢沙发吧~