shots.so

截图这件小事，为什么值得专门做个网站

设计师和开发者大概都遇到过这样的场景：产品做完了，要写文档、发推特、做作品集页面，截了一张图，放进文章里，看起来像一份 bug 报告。界面本身没问题，但“裸截图”这个形态自带一种潦草感，读者第一眼看到的是“一张截图”，而不是“一个产品”。

shots.so 解决的就是这件事。打开浏览器，不用注册，把截图拖进去，选一个设备框架，挑一个背景，导出。整个过程两三分钟，得到一张看起来像是认真做过的展示图。

shots.so到底做了什么

网站的核心逻辑简单到几乎不需要解释：你有一张图，它给你一个“舞台”。舞台由三部分组成——设备外框、背景、以及画面布局。

设备外框覆盖了 iPhone、iPad、MacBook、浏览器窗口，基本是苹果生态为主。把你的界面截图拖进 iPhone 16 的框里，屏幕圆角、刘海、边缘反光都是自动对齐的，不需要手动调位置。背景库是 shots.so 比较突出的地方，除了常规的纯色和渐变色，还有玻璃质感、宇宙、抽象几何、桌面壁纸等类别，另外有一个很实用的功能：自动从你的截图中提取主色调，生成匹配的渐变色背景。这个功能用起来比手动配色的效率高很多。

多图布局也值得一提。一个截图说明不了太多东西的时候，可以放两张做对比，或者多张拼贴展示一个功能系列。对做 App Store 截图或者产品介绍页的人来说，这个比在 Figma 里手动摆位置要快。

动态的诱惑，以及它的边界

shots.so 不满足于只做静态图。它支持把截图做成动画，比如模拟手机屏幕滚动的效果、带过渡的产品演示，导出格式包括 PNG、GIF 和 MP4。这个方向是对的——静态截图能说明“长什么样”，但说不清“怎么用”。

不过这里有一个需要说清楚的事：shots.so 不能录屏。你的素材必须已经存在，它负责“装裱”，不负责“拍摄”。如果你需要录制一段真实的操作流程再套进设备框架里，shots.so 做不了。它的动画是基于你上传的静态截图生成的，本质上是让静止的画面动起来，而不是记录真实操作。

另一个边界是隐私。你上传的图片会经过 shots.so 的服务器。对于公开的产品截图来说，这不算问题。但如果截图里包含未发布的功能、内部后台界面、或者任何受保密协议约束的内容，上传前需要想清楚。

免费能用，但会有感觉

shots.so 有免费层，基础背景和 720p 导出是不花钱的。如果你一个月就发几张截图，免费版大概率够用。但一旦需要更高分辨率、更多背景选项、或者视频导出，就会触到付费墙。Pro 版的价格是每月 8 美元左右，年付会便宜一些。

值得注意的变化是，shots.so 最初上线时是完全免费的，后来逐步把功能移入了付费层。这个转变可以理解——服务器有成本，开发要吃饭——但对于早期用户来说，体验上会有落差。如果你对这个方向感兴趣，有一个叫 mockupviews 的开源工具几乎完整复刻了 shots.so 的功能集，可以作为一个备选。

浏览器工具的本质

shots.so 最诚实的地方在于它不假装自己是 Photoshop。它的定位是“省时间”，不是“做设计”。左侧面板调设备框和背景，右侧实时预览，所有操作都是点选式的，没有图层，没有钢笔工具，没有混合模式。对设计师来说，这意味着它做不了精细调整；但对设计师来说，这也意味着不用打开 Photoshop 就能出一张能用的展示图。

有一个用户评价挺准确的：“对于没有设计基础的人来说，它是一个随手可用的工具；对于设计师，它省去的是重复劳动的时间。”

浏览器工具还有一个天然短板：你依赖一个远程服务持续存在。shots.so 目前运营正常，但一个网页工具的生命周期终究不是你能控制的。如果你的工作流高度依赖它，留一个本地备选方案是明智的。

shots.so 不试图成为什么宏大的东西。它就是一个把截图放进设备框里、配个好看的背景、导出的工具。这件事本身没什么技术含量，但把一件小事做到打开就能用、两分钟出结果、不需要看教程，本身就是一种产品能力。