# サイト スクリーンショットを無料で作成

> サイト スクリーンショットは、公開されているWebページを、指定したウィンドウサイズでPNGまたはJPEGの画像として取得できる無料のオンラインツールです。

サイト スクリーンショットは、公開されているWebページのアドレスを入力するだけで、選んだ画面サイズでの画像を作成できる無料のオンラインツールです。ページはヘッドレスChromium（画面を持たないブラウザエンジン）で読み込まれ、PNGまたはJPEGで保存できます。アカウント登録は必要ありません。

## 主な仕様

- アカウント登録なしの場合は無料で、訪問者ごとに毎分10回の変換、毎日50回まで、そのうち毎日5回まではWebアドレスの変換です。透かしは追加されません。
- ログイン済みの場合は、スクリーンショットごとに1クレジットかかり、毎月100の無料クレジットがあります。入力は公開されたhttpまたはhttpsのアドレスです。
- プリセットは、デスクトップ1280 x 800、ラップトップ1440 x 900、タブレット768 x 1024、スマートフォン390 x 844で、ウィンドウサイズだけを変え、ユーザーエージェントは変えません。出力はPNGまたはJPEGで、1xまたは2xのピクセル密度、ライトまたはダークのカラースキームを選べます。無料ツールでは2000pxの高さまで取得できます。
- アカウント登録なしの場合、訪問者ごとに毎分10回、毎日50回まで無料で変換できます。そのうち毎日5回までURLを指定できます。透かしは入りません。ログイン済みの場合、スクリーンショットごとにクレジットを1消費します（毎月100無料クレジット付き）。
- ファイルは自動的に削除されます。アカウント登録なしの場合は変換後10分、無料アカウントの場合は1日で削除されます。
- 開発者は、APIキーを付けてPOST https://api.aiipworld.com/v1/renderを送信すると、同じレンダリングを実行できます。詳しくはスクリーンショットAPIページをご覧ください。

## 使い方

1. 公開されているページの完全なアドレスを貼り付けます。
2. 画面サイズを選びます。デスクトップ（1280 x 800）、ラップトップ（1440 x 900）、タブレット（768 x 1024）、スマートフォン（390 x 844）のプリセットで、ブラウザのウィンドウの幅と高さを設定します。
3. PNGまたはJPEGを選びます。より鮮明な画像にしたい場合は、ピクセル密度で2xを選びます。
4. セキュリティ確認を済ませ、「スクリーンショットを撮る」をクリックして、画像をダウンロードします。

## 画面サイズの選び方

画面サイズは、ページを組み立てる横幅を決めます。プリセットは、デスクトップ（1280 x 800）、ラップトップ（1440 x 900）、タブレット（768 x 1024）、スマートフォン（390 x 844）の4種類です。

見てもらいたい人のデバイスに近いプリセットを選んでください。レスポンシブなサイトは、スマートフォンの幅では狭いレイアウトに切り替わります。プリセットはユーザーエージェントを変えないため、スマートフォン向けの別サイトを使い分けているページでは、デスクトップ版が表示されます。

## PNGとJPEG、ピクセル密度

PNGは初期設定で、文字や画面のUIが多いページに向いています。JPEGは写真が多いページで、ファイルサイズが小さくなることが多いです。WebPにはまだ対応していません。

2xは幅と高さをそれぞれ2倍にする設定で、高密度のディスプレイで文字がくっきり見えます。無料ツールでは1xと2xを選べます。APIでは1xから3xまで指定できます。

## ダークモードのスクリーンショット

カラースキームで「ダーク」を選ぶと、ブラウザがページに対してダークを優先すると伝えます。ダークモードに対応しているサイトは、ダーク用のデザインで表示されます。

ダークモードに対応していないサイトは、ライトモードと同じ見た目になります。2つの画像を比べる場合は、カラースキームと画面サイズをそろえてください。

## 表示が遅いページや空白になるとき

初期設定では、ページが読み込み完了の状態になった時点で撮影を始めます。無料ツールでは、追加の待ち時間を0秒から10秒の範囲で設定できます。画像がまだ空白なら、まず待ち時間を長くしてみてください。

APIでは、wait_untilにdomcontentloaded、networkidle、commitのいずれかを指定できます。wait_for_selectorで1つの要素を待つこともできます。delay_msは10000msまで指定できます。

## コードからスクリーンショットを取得する

撮影を何度も行う場合は、自分のコードからリクエストを送ると便利です。POST /v1/renderにurlまたはhtmlを指定し、outputをpngまたはjpegに設定します。APIキーはBearerトークンとして送ります。

APIは202とjob_idを返します。GET /v1/jobs/:idでジョブの状態を確認し、statusがsucceeded、failed、timeoutのいずれかになるまで待ちます。download_urlのリンクは保持時間が短いため、早めにファイルをダウンロードしてください。failedとtimeoutになったジョブのクレジットは返却されます。

## 公開アドレスを使った撮影

公開アドレスを貼り付けて「スクリーンショットを撮る」をクリックします。ツールはログアウトしている訪問者としてページを読み込むため、ログインしていない人に見える画面を画像にできます。

撮影には選んだプリセットのウィンドウサイズが使われます。同じサイズで撮り続けると、時間が経ってからの比較がしやすくなります。インストールは不要で、アドレスを貼り付け、プリセットを選び、ダウンロードするだけです。

無料ツールを使うには、最初にセキュリティ確認が必要です。アカウント登録は必要ありません。公開アドレスのみ対応しています。多くのサイトを撮る場合は、サイトごとに1回のAPIリクエストを送ってください。

## サイト スクリーンショットの撮り方

公開アドレスを貼り付け、画面サイズを選び、PNGかJPEGを選んで「スクリーンショットを撮る」をクリックします。結果画面から画像をダウンロードします。

アカウント登録なしで使う場合は、最初にセキュリティ確認を済ませます。ページはサーバー上のChromiumで、ログアウトした訪問者として読み込まれます。画像は選んだプリセットのウィンドウサイズで表示されます。ローカルアドレスとプライベートアドレスはブロックされます。

画像が空白の場合は、追加の待ち時間を最大10秒まで設定して撮り直してください。ページ全体を撮りたいときは、ページ全体のスクリーンショットツールを使ってください。

## リンクから画像への変換

ページのリンクを貼り付けると、そのページの画像を作成できます。ツールはChromiumでページを読み込み、選んだウィンドウの範囲をPNGかJPEGで返します。1回の操作で完了します。

結果は、ログアウトした訪問者に見える画面を、選んだプリセットのウィンドウサイズで表示したものです。結果は画像ファイルで、生きたリンクではありません。自動的に削除される前にダウンロードしてください。

## インストール不要のオンライン利用

ブラウザのタブで動くため、拡張機能は不要で、何もダウンロードする必要もありません。ソフトを追加できない職場のデバイスでも、ブラウザがあれば使えます。

手順は、アドレスを貼り付け、画面サイズを選び、「スクリーンショットを撮る」をクリックするだけです。一度に1つの公開ページを撮るスクリーンショットサービスとして使えます。

## プレビュー画像とサムネイル、スナップショット

ウェブサイトのプレビュー画像として、リンクカード、ポートフォリオ、顧客へのメッセージに使えます。1つのアドレスにつき1枚の画像が作られます。

ステージング環境のサイトや、1回限りの作業にも向いています。スナップショットはある時点のページを写したものです。後で比べたい場合は、もう一度撮影してください。

枠付きの画像が必要な場合は、ウェブサイトのモックアップ生成ツールを使ってください。ウェブサイトを画像にする場合は、PNGかJPEGとピクセル密度を選んでから、ファイルをダウンロードします。

## URLのスクリーンショットをPNGやJPGで保存

アドレスを入力欄に貼り付けると、すべてのアドレスがURLスクリーンショットのジョブとして扱われます。ページを読み込み、選んだウィンドウの範囲を1枚の画像で返します。

PNGは文字や画面のUIが多いページに、JPEGは写真が多いページに向いています。JPEGはファイルが小さくなることが多いです。このツールは、貼り付けたHTMLを変換するのではなく、ページを撮影したJPEGを返します。HTMLから画像を作る場合は、HTMLを画像に変換するツールを使ってください。

スクリーンショットの作業や、不具合報告用の画面キャプチャも同じ手順で行えます。

## Chromiumでウェブページを撮影する

撮影はヘッドレスChromiumが行います。Chromeの基盤となっているエンジンで、結果はChromeのスクリーンショットに近い見た目になります。

違いは、ページが自分のウィンドウではなくサーバーで読み込まれることです。ログイン状態、拡張機能、開いているタブは反映されません。後から表示される内容がある場合は、最大10秒の追加待ち時間を設定します。Webツールは一度に1つのアドレスを扱います。自分のコードから自動で撮影するには、スクリーンショットAPIを使ってください。

## よくある質問

### どのくらいの画面サイズを撮影できますか。

プリセットは4種類です。デスクトップは1280 x 800、ラップトップは1440 x 900、タブレットは768 x 1024、スマートフォンは390 x 844です。APIでは、幅と高さを100から4000pxの任意の値で指定できます。

### スマートフォンのプリセットで、スマートフォン版のサイトは表示されますか。

レスポンシブなサイトは、スマートフォンサイズのウィンドウで狭いレイアウトに切り替わります。ただし、プリセットはユーザーエージェントを変えないため、ユーザーエージェントで振り分けるスマートフォン向けの別サイトには切り替わりません。タッチ操作のエミュレーションも有効になりません。

### ページ全体を撮影できますか。

無料ツールでは、選んだウィンドウの範囲だけを、ページの上から撮影します。長いページを撮りたい場合は、ページ全体のスクリーンショットツールを使ってください。無料ツールとAPIでできることも、そのツールで説明しています。

### PNGとJPEGはどちらを選べばよいですか。

文字や画面のUIが多いページはPNG、写真が多いページはJPEGが向いています。PNGは初期設定で、可逆圧縮です。JPEGは写真が多いページでファイルが小さくなることが多いです。ピクセル密度を2xにすると、幅と高さがそれぞれ2倍になります。

### ダークモードでスクリーンショットを撮れますか。

はい、撮れます。カラースキームで「ダーク」を選ぶと、ブラウザが優先するカラースキームがダークに設定されます。ダークモードに対応しているサイトはダーク表示になり、対応していないサイトは通常の見た目のままです。

### 画像に透かしは入りますか。

入りません。画像には、ページが描画した内容だけが写ります。

### ページの一部が空白になったり、エラーが写ったりするのはなぜですか。

読み込みが遅いコンテンツは、表示される前に撮影されることがあります。その場合は、追加の待ち時間を設定して撮り直してください。自動アクセスをブロックしているサイトでは、サイトが返した内容が写ります。ローカルアドレスとプライベートアドレスは、意図的にブロックしています。

### 撮影した画像はどのくらい保存されますか。

無料ツールの結果は10分後に削除されます。履歴は保存されないため、削除される前にダウンロードしてください。

### ページ全体のスクリーンショットを撮るにはどうすればよいですか。

無料ツールは、ページの上から2000pxまでを撮影します。ページ全体を撮る場合は、ページ全体のスクリーンショットツールを使ってください。full_pageで撮影するには、APIキーまたはログイン済みのアカウントが必要です。出力の高さは16,384pxまでです。

### ログインが必要なページを撮影できますか。

無料ツールでは撮影できません。ツールはログアウトした訪問者としてアドレスを開き、Cookieを指定する機能はありません。APIでは任意のヘッダーを指定でき、認証に使えるサイトもあります。撮影が許可されているページだけを撮影してください。

### 多くのサイトを一度に撮影できますか。

1回のリクエストでは撮影できません。APIは1リクエストにつき1つのURLを受け付け、一括処理のエンドポイントはありません。サイトごとに1回のリクエストを送ってください。プランごとに、1分あたりのリクエスト制限があります。

### localhostやプライベートページでも撮影できますか。

いいえ、撮影できません。localhost、プライベートネットワーク、クラウドのメタデータアドレスは、リダイレクトを経由する場合も含めて、意図的にブロックしています。ジョブは、そのアドレスは許可されていないというエラーで失敗します。

### サイトのスクリーンショットを取るにはどうすればよいですか。

公開アドレスを貼り付け、画面サイズを選び、PNGかJPEGを選んで「スクリーンショットを撮る」をクリックし、画像をダウンロードします。アカウント登録なしで使う場合は、最初にセキュリティ確認が必要です。無料ツールは、ページの上から選んだウィンドウサイズで撮影します。

### Webサイトを画像にできますか。

はい、できます。公開アドレスを貼り付け、画面サイズを選び、PNGかJPEGを選んで「スクリーンショットを撮る」をクリックします。ダウンロードする画像は、ログアウトした訪問者に見えるページの画像です。ページの上から、選んだウィンドウの高さまでが対象です。

### Webページを画像として保存できますか。

はい、保存できます。公開アドレスを貼り付け、画面サイズを選び、PNGかJPEGを選んで「スクリーンショットを撮る」をクリックします。ダウンロードするのは、ログアウトした訪問者に見えるページの画像です。

### リンクから画像を作るツールですか。

はい、リンクから画像を作れます。公開ページのリンクを貼り付け、PNGかJPEGを選んで、結果をダウンロードします。ブラウザのウィンドウに表示された状態のページを撮影します。アドレス先にある画像ファイルをダウンロードするものではありません。

## 関連ツール

- [ページ全体のスクリーンショット](https://aiipworld.com/ja/tools/full-page-screenshot/index.md)
- [WebページをPDFに変換](https://aiipworld.com/ja/tools/url-to-pdf/index.md)
- [HTMLを画像に変換](https://aiipworld.com/ja/tools/html-to-image/index.md)
- [OGP 画像 作成ツール](https://aiipworld.com/ja/tools/og-image-generator/index.md)
- [モックアップ 作成ツール](https://aiipworld.com/ja/tools/website-mockup-generator/index.md)
- [HTML メール プレビュー：メールHTMLを幅別に確認](https://aiipworld.com/ja/tools/html-email-preview/index.md)
- [HTMLをJPGに変換](https://aiipworld.com/ja/tools/html-to-jpg/index.md)
- [画像 文字 抽出：無料でテキストに変換](https://aiipworld.com/ja/tools/image-to-text/index.md)

ページ： https://aiipworld.com/ja/tools/website-screenshot/