BraveCLMacで保存済みのWebページ画像を確認する方法
指定した幅でWebページを撮影し、保存した元画像を実行履歴や詳細とともに開き直します。
- 完成イメージ
- 名前を付けた撮影実行、指定フォルダに保存した元画像、保持された結果を確認できる閲覧画面が用意できます。
Webページのスクリーンショットは、どのURLをどの画面幅で、どの撮影実行時に取得したか分かると確認しやすくなります。Website Screenshot Captureは元画像と一緒にその情報を保持するため、確認した結果を後から正確に開き直せます。
1.撮影ワークスペースを開く
Website Screenshot Captureを開き、メイン画面でAdd a URL（URLを追加）、Run name（実行名）、Start（開始）を確認します。最初は撮影予定を空にしておきます。
URL一覧が空で、実行名と撮影操作が見えるWebsite Screenshot Captureのワークスペース。 2.デスクトップ用撮影プロファイルを設定する
Try a sample（サンプルを試す）を選び、デスクトップ幅のEdit Profile（プロファイルを編集）を開きます。名前をDesktop 1440にして、目的の表示領域設定で保存します。
Desktop 1440プロファイルを設定し、利用可能な画面幅を表示した撮影ワークスペース。 3.スマートフォンとタブレットのプロファイルを保存する
スマートフォンとタブレットの幅についてEdit Profileを使い、名前と設定を調整して、それぞれ保存します。これで複数の画面サイズを撮影計画に含められます。
デスクトップ、ノートパソコン、タブレット、スマートフォンの保存済みプロファイルを示す撮影計画。 4.WebページのURLを追加する
Add a URLにページを入力し、Add URLs（URLを追加）を選びます。確認するページごとに繰り返し、開始前にURLサイドバーを確認します。
4つのWebページURLと選択した撮影プロファイルが並ぶURLサイドバー。 5.実行名と保存先を指定する
Run nameに分かりやすい名前を入力し、Choose destination folder（保存先フォルダを選ぶ）で元画像の保存先を指定します。フォルダの使用が許可されているか確認します。
名前付きのWebページ撮影実行。使用を許可された保存先フォルダと複数の撮影予定が表示されています。 6.ページと画面幅を1つずつに絞る
URL一覧にはColor Gradingのページを残し、撮影プロファイルを1つだけ選択します。意図したページと幅のみが撮影されるよう計画を確認します。
Color GradingのURLと1件の撮影予定だけに絞った撮影ワークスペース。 7.ページを撮影する
Startを選び、実行が終わるまで待ちます。保存結果を完了と見なす前に、成功と失敗の件数を確認します。
撮影済みのマスが1つ、失敗は0件で、実行完了を示すWebページ撮影画面。 8.保存した元画像をビューアーで開く
Runs（実行一覧）を選び、Search retained runs（保存済み実行を検索）で名前付きの実行を探して、最初の保存済み撮影を開きます。ビューアーには元画像とOpen original（元画像を開く）などの操作が表示されます。
Color Gradingの保存済みWebページ画像と、元画像を開く操作を表示したビューアー。
