[活用例](https://openscreenshot.app/ja/use-cases/)

# ウェブページの見た目をコピーとして保存する方法

ウェブページ全体を PNG または PDF でキャプチャし、日付とドメインでファイル名を付け、複数の画像に分かれる長いページにも対応します。

執筆: [OpenScreenShot](https://github.com/pghqdev/OpenScreenShot)

ウェブページの見た目をコピーとして残すには、**ページ全体**でキャプチャし、日付とサイト名をファイル名に入れて PNG または PDF で保存します。OpenScreenShot はページをスクロールし、各部分を 1 枚の画像につなぎ合わせて、ファイルをコンピューターに保存します。スクリーンショットは画面上でページがどう見えたかを記録するものです。ページが本物であったことや、変更されていないことの証明にはなりません。

## ページのコピーを保存する手順

1. ポップアップ、またはツールバー アイコンの右クリック メニューから**設定**を開きます。**ファイル名テンプレート**を `{date}` と `{domain}` を含むパターン（たとえば `Archive/{domain}/{date}_{title}`）にします。
2. ページを開きます。遅延読み込みの画像やコメントが読み込まれるようにページを一度最後までスクロールし、先頭に戻ります。
3. OpenScreenShot のアイコンをクリックします。初期設定では、これで**ページ全体**のキャプチャが始まり、結果が**エディタ**で開きます。
4. 先頭、末尾、スクロールに合わせて読み込まれるセクションを確認します。
5. **画像を保存**をクリックします。**書き出し**ダイアログで **PNG** または **PDF** を選び、ファイル名を確認して**書き出し**をクリックします。

エディタを使わずに保存するには、**設定**で**キャプチャ後**を**ダウンロード**にします。キャプチャはテンプレートで名前を付けた PNG として、そのままダウンロード フォルダに保存されます。

## PNG と PDF のどちらにするか

キャプチャのピクセルをすべて残すには **PNG** を選びます。可逆圧縮なので画面の文字はくっきりしたままで、どの画像ビューアーでも開けます。

コピーを書類のフォルダに入れる場合や印刷する場合は **PDF** を選びます。**ページ サイズ**で**全体**を選ぶと、画像に合わせたサイズの 1 ページになります。**A4** または **Letter** で**複数ページに分割**をオンにすると、長いキャプチャを 5 mm ずつ重なるページに分割します。PDF にはスクリーンショットが画像として入るため、文字の検索や選択はできません。レイアウトの比較は[スクリーンショットを PDF にするガイド](https://openscreenshot.app/ja/blog/save-screenshot-as-pdf/)で確認できます。

## あとで見つけられるようにファイル名を付ける

ファイル名テンプレートでは次のトークンを使えます。

- `{date}`: コンピューターの時計による日付（YYYY-MM-DD 形式）
- `{time}`: 時刻（HHMMSS 形式）
- `{domain}`: サイトのホスト名（`www.` は除く）
- `{title}`: ページのタイトル（ファイル名に使えない文字は置き換え）
- `{w}` と `{h}`: 画像の幅と高さ（ピクセル）

テンプレートに `/` を入れると Downloads 内のフォルダに保存されます。`Archive/{domain}/{date}_{title}` なら、コピーをサイト別、次に日付順に整理できます。**設定**のライブ プレビューで、キャプチャ前に結果を確認できます。

## 非常に長いページ

1 枚の画像に入るのは、高さ 32,000 デバイス ピクセルまでのページです。それより高いページは最大 6 枚の画像として保存されます。**ダウンロード**では、各部分にテンプレートによる名前と `_part1of3` のような接尾辞が付きます。**エディタ**または**クリップボード**では、各部分が別のエディタ タブで開き、それぞれ個別に書き出します。

6 枚の画像に収まらないほど高いページは、エラーで拒否されます。その場合は、必要なセクションを**表示領域**または**選択範囲**でキャプチャしてください。入れ子のスクロール領域や固定ヘッダーなどのほかのケースは、[ページ全体のスクリーンショットのガイド](https://openscreenshot.app/ja/blog/full-page-screenshot-chrome/)で説明しています。

## スクリーンショットで示せること、示せないこと

スクリーンショットは、ある時点でブラウザに表示された内容を視覚的に記録したものです。署名や改ざんチェックはなく、画像ファイルは誰でも編集できます。`{date}` トークンは、ファイル名を付けた時点のコンピューターの時計に基づきます。ページが特定の形で存在したという証拠が必要な場合は、その目的のために作られたサービスを使い、スクリーンショットは個人的な参考として残してください。

ページ全体のキャプチャには、ページが描画しなかった内容も写りません。折りたたまれたセクション、ページ内のほかのタブ、スクロールした位置より先の無限フィード、開かなかったログイン後の内容などです。

## コピーの保存場所

OpenScreenShot はキャプチャをブラウザ内で処理し、デバイスのローカル ストレージに保存します。サーバーにはアップロードしません。書き出したファイルはダウンロード フォルダに保存されます。共有またはアップロードするまでコンピューター内にとどまり、アップロード先のサービスにはそのサービス独自の保存ルールがあります。詳しくは[プライバシー ポリシー](https://openscreenshot.app/ja/privacy/)を参照してください。

ファイル名テンプレートについては[設定のリファレンス](https://openscreenshot.app/ja/docs/#settings)で説明しています。同僚向けにキャプチャに注釈を付ける場合は、[デザイン レビュー用にページをキャプチャする方法](https://openscreenshot.app/ja/use-cases/design-review/)を参照してください。

## さらに読む

[ドキュメントを読む](https://openscreenshot.app/ja/docs/)、[すべてのガイドを見る](https://openscreenshot.app/ja/blog/)、または[キャプチャについてサポートを受ける](https://openscreenshot.app/ja/support/)。

---

Canonical page: https://openscreenshot.app/ja/use-cases/archive-web-pages/