PC幅・スマホ幅でのWebサイト全ページのスクリーンショット。URL1件でもリストでも対応

スクリーンショットが汎用AIアシスタントを悩ませる理由

スクリーンショットは、ブラウザが描画した内容の記録です。作るには、ページを読み込み、スクリプトを実行し、画像とフォントを取得し、指定の幅ですべてをレイアウトして結果を保存する仕組みが必要です。ブラウズできるAIチャットアシスタントが受け取るのは、たいていページのテキストで、描画結果ではありません。そのため、撮影するものがそもそもありません。

チャットボットにWebサイトを見せてと頼むと、たいてい次のどちらかになります。ひとつは、できないと答える場合で、これは正直な答えです。もうひとつは、画像生成機能を使って、一般的なWebサイトらしく見える画像を作る場合です。その画像は絵にすぎません。レイアウトも文言も価格も作り話で、記録としては役に立ちません。

ブラウザを操作するエージェントモードを備えたアシスタントもあり、そうしたものならページを見ることはできます。ただし1ページずつの作業で、2種類の幅の全ページ画像ファイルをフォルダごと渡すようには作られていません。URLのリストには、専用の撮影ツールが適しています。

主な用途

• リニューアルや移行の前後の記録
• 制作会社でのクライアント向けレポートや提案書
• PC幅とスマホ幅でのデザインレビューとQA
• 制作したサイトのポートフォリオ用画像
• 変更や消滅の可能性があるページのアーカイブ
• 競合の料金ページやランディングページの日付付き記録

きれいに撮るコツと、このツールにできないこと

撮影したいページの正確なURL（パスを含む）を使ってください。URLごとに2つ1組のファイルが作られるので、同じサイトの20ページのリストでも問題ありません。「https://」のないURLも受け付け、https で開きます。

撮影されるのは、初めて訪れた人に見える状態です。新規訪問者にCookieバナーやニュースレターのポップアップを表示するサイトでは、それも写ります。スマホ版はスマホサイズの画面とスマホブラウザの識別情報で撮影するため、モバイル用に別のレイアウトを配信しているサイトでは、そのレイアウトが写ります。

撮影できるのは公開ページのみです。ログインが必要なページは開けず、自動アクセスをブロックするサイトでは、エラーページが返るか、何も返らないことがあります。動画やアニメーションは静止画1コマとして撮影されます。最初の 2 件のURLは無料なので、お支払い前に仕上がりを確認できます。