ElementShot

面向设计、开发与产品协作的专业级截图工具

智能选取高亮、精准元素截图、快速标注与一键导出,让每一次协作出图都干净利落。

智能选取 精准截图 快速标注 一键导出
ElementShot Chrome 网页元素截图:高亮选中元素、预览标注与所见即所得裁切

能力

精准截图 · 快速标注 · 快捷操作 · 隐私处理

四项核心能力对齐日常出图:选得准、标得快、键位顺手、数据默认留在本机。

精准截图示意

精准截图

元素 / 框选 / 批量 / 整页;真实渲染裁切;长元素自动滚动拼接(元素模式)。

快速标注示意

快速标注

预览标注;文字水印可带日期,Logo 放在角落;干净裁切 · 留白 · 渐变底 · 细描边等导出预设。

快捷操作示意

快捷操作

1/2/3 切模式;S/C/D/P 工作流;属性面板 Alt 锁定、Ctrl 显隐,复制 HTML/文本/CSS/JSON。

隐私处理示意

隐私处理

截图与历史默认本机 IndexedDB;按需权限;云同步可选且默认关闭。

上手

如何用 ElementShot 做网页元素截图

三步出图。元素模式下按住 Alt 锁定选区便于复制属性;单独点 Ctrl 显隐面板。

  1. 开始

    图标,或 Alt+Shift+S。

  2. 选区

    悬停单击;或 2 框选 / 3 批量 / 整页滚动截图。

    快捷键可在 Chrome 扩展快捷键页自定义:Alt+Shift+S 开始,Alt+Shift+C 复制,Alt+Shift+D 下载,Alt+Shift+P 预览。

  3. 导出

    标注、加水印、换外观,复制或下载。

网页元素截图使用指南 · 帮助 FAQ

场景

PRD · Bug 复现 · 运营对比 · 素材水印

四类高频用法,覆盖产品、设计、研发与运营。

方案

Free 完整核心 · Pro 年付 ✦ PRO 不限方案

Free 含元素/框选/批量/整页、标注水印、外观预设、动态字段、HTML/文本/CSS/JSON 属性复制与本机历史。Pro:不限套数方案、全量备份与可选云同步。

隐私处理

本机默认 · 最小权限 · 同步默关

截图与历史默认留在本机;云端只是可选项。

按需权限:点图标 / 快捷键才访问当前页。

截图与历史默认只在本机,不静默上传。

云同步可选,默认关;同步方案、工作区方案及 Logo/背景,不上传截图历史。

隐私政策

FAQ

网页元素截图常见问题

快速解答使用中的疑问。

如何做网页元素截图而不是整页?

点图标或 Alt+Shift+S → 悬停高亮 → 单击。也可用框选截图或批量对比截图。

什么是所见即所得截图?和普通网页截图有何不同?

来自屏幕真实画面的裁切,不靠代码模拟重建;另有元素/框选/批量/整页、长页面元素拼接与截图加水印。

截图会上传到云端吗?

默认本机处理与保存,不静默上传。云同步可选且默认关,同步方案、工作区方案及 Logo/背景,不上传截图历史。

元素属性面板能复制哪些内容?

HTML、文本、CSS、JSON 均可。Alt 锁定、Ctrl 显隐。复制说明会带上定位。

如何批量对比截图或给截图加水印?

按 3 批量多选一次导出。水印用文字(可写日期)和角落 Logo。

长页面元素拼接怎么用?批量支持吗?

元素模式自动滚动拼接。批量模式不支持超长元素,请改用元素模式。

适合做 PRD 截图和 Bug 复现截图吗?

适合。可贴需求卡片进 PRD;同域嵌套可点入截图,复制说明会带上定位。

浏览器系统页面为什么截不了?

chrome:// 开头的系统页受浏览器安全限制,所有截图扩展都无法截取;换普通网页再试。

现在开始

下一张图,只要重点

了解 ElementShot

ElementShot 是面向设计、开发、产品与运营的 Chrome 网页截图扩展,可选取网页元素、框选区域并标注导出。插件提供亮色和暗色主题。

截图和截图历史在本地处理;可选的 Pro 云同步用于模板与素材,不同步截图历史。网页权限、跨域 iframe 和浏览器受保护页面会限制部分截图或隐私处理能力。