🏞 Webshot：给网站来一个果味「带壳截图」

GitHub | Web

👉 Features：

– 输入网页 URL，生成 macOS 风格截图

– 支持调整截图背景色

– 支持将截图分享至 Twitter

👉 API：

https://2s9e3bif52.execute-api.eu-central-1.amazonaws.com/production/screenshot?url={website_url}&color={color}

Webshot 使用起来很简单，将你想要生成截图的网站 URL 输入，就会自动生成左上角红黄绿三色的经典 macOS 窗口样式。默认背景白色，和系统截图一样自带窗口阴影。同时也提供给用户选择，可通过输入 Hex Code 指定 HTML 颜色。大家可以通过 Color Picker 选择喜欢的颜色并获取十六进制码

同时，Webshot 不支持调整截屏分辨率和区域大小，默认生成 3000 x 2000 像素的截图。生成截图的文字渲染方式也无法掌控，个人体验下来效果逊于 Mac 直接截屏。希望开发者以后可以针对这些方面进行改进

👀 由于比较好奇生成原理，我在 GitHub 找到了关键 API，正是凭借这个 API 实现的「带壳截图」。该 API 由开发者 Premier Octet 进行维护，并用于自己的项目 Screen Guru，实现和最终效果和本项目相似

在查证的过程中，我还看到开发者 Sanvi Merin 在博客分享了如何利用上述 API，自己打造一个类似的前端展示页面。感兴趣的朋友可以在关联阅读找到这篇文章，如果你时不时需要对网站 / 博客主题截图并展示，Webshot 能够给你带来一种仪式感