Lliben Logo Lliben

スティッキーヘッダー、フローティングチャット、Cookieバナーは便利ですが、スクリーンショットだと邪魔になりがちです。

要点

  • スティッキーUIのクリーンアップ機能があるなら有効化(ページ全体向き)。
  • ないなら、範囲指定 で避けるか、あとから切り抜く。
  • ドキュメント用途はPNG、長文はPDFも便利。

実用的な選択肢(おすすめ順)

  1. ページ全体キャプチャのクリーンアップ(対応していれば)
  2. 範囲指定 でスティッキー部分を避けて撮る
  3. エディターで切り抜く

ヒント:UIを記録するなら、ヘッダーが最小サイズになる状態(多くのサイトはスクロールで縮む)で撮ると被りが減ります。

なぜスティッキーUIは問題になるのか

スクロール結合では、スティッキー要素が毎フレームに写り込みやすく、繰り返しオーバーレイになったり、必要なコンテンツを隠したりします。

PDFが向く場面

印刷や配布が目的なら、PDFにしてページ分割した方が読みやすいことがあります。

関連: