02Capture
Full Page Screenshot
截下来只是开始，真正困难的是让它可靠地留下来。
- Discipline
- Extension · Interaction · Export system
- Platform
- Chrome · Edge
- Role
- Product, interaction, visual direction and development
- Status
- Live · Chrome / Edge
Full Page Screenshot 是一套浏览器内的捕获与编辑系统，支持可见区域、元素、区域和长页面截图，并把标注、模糊、背景、设备外壳和多格式导出放在捕获之后的同一条路径上。
Visit live productThe hard part
表面问题背后，通常还有一套更难的系统问题。
浏览器扩展的页面上下文、服务工作线程和编辑页拥有不同的存储边界；超长图片还会碰到编码尺寸与内存限制。
Key decisions / 03
我选择了什么，也选择不做什么。
- 01
让扩展服务工作线程成为原图持久化的唯一所有者。
- 02
JPEG 使用分条编码，超限 WebP 改为分段 ZIP，而不是静默降低质量。
- 03
高频编辑属性保持可见，低频控制折叠进更深一层。
Design capabilities
A product is a network of decisions.
Interaction designBrowser systemsEditor UXReliability
What exists now
不放未经确认的增长数字，只展示已经存在的产品能力。
- 提供 Chrome 与 Edge 版本。
- 覆盖捕获、编辑、本地历史与 PNG、JPEG、WebP、PDF 导出。
- 支持长页面、设备外壳、敏感信息处理和可恢复编辑。
一张截图看起来很轻，但可靠的捕获、保存和导出其实是一套跨上下文的系统设计。