“要素スクリーンショット（要素キャプチャ）” とは、ページ上の 1つの要素だけ（ボタン、カード、画像、グラフなど）を、余計な部分なしで撮ることです。
要点
- 手作業で切り抜かずに撮るなら Element Picker（要素キャプチャ）。
- うまく選べないときは、少しズームしてゆっくり狙う。
- スクロール可能なコンテナ内なら、まず要素を画面内に出してからクリック。
おすすめ手順：LlibenのElement Picker
- Chromeでページを開く。
- Llibenで 要素キャプチャ（Element Picker） を選ぶ。
- ホバーして要素をハイライト。
- 撮りたい要素をクリック。
- Lliben Capture でPNG/JPG/PDF書き出し、または注釈を追加。
よくある詰まりポイント（対処）
- 狙った要素を選べない： 少しズームして、マウスをゆっくり動かす。
- スクロールコンテナの中： コンテナ側をスクロールして、撮りたい内容を見える位置に出してからクリック。
- 四角で切り抜きたい： 範囲指定キャプチャ を使う。
ヒント：要素キャプチャに 余白（padding） を足すと、意図的にデザインされたスクリーンショットに見えやすいです。
関連：