コンテンツへスキップ

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

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

  • スマートフォンとタブレットのプリセットは、ウィンドウサイズだけを変更し、ユーザーエージェントは変わりません。そのため、ユーザーエージェントで表示を判定するサイトでは、引き続きデスクトップ版が表示されます。

セキュリティ確認を完了すると、ボタンが有効になります。

結果

ここに画像が表示されます。

無料のWebツールでは、高さ2000pxまでのキャプチャしかできません。より高いキャプチャはAPIをご利用ください。

保存期間:Webツールの結果は10分後に削除され、履歴は保存されません。APIの結果は無料プランでは1日、StarterとProでは7日保存されます(BusinessとScaleでは30日)。

  • アカウント登録なしで利用可能

    無料で毎分10、毎日50まで。

  • 実ブラウザによるレンダリング

    APIと同じエンジンであるヘッドレスChromium(画面を持たないブラウザエンジン)です。

  • 自動的に削除

    Webツールの結果は10分後に削除されます。

プライバシー:送信された内容は、このファイルを作成するためにのみ使用されます。作業用のコピーはジョブの終了時に削除され、結果は10分後に削除されます。詳しくはプライバシーポリシーをご覧ください。

コードから実行する

上の入力と設定から作成した、同じリクエストです。APIキーを取得するには、アカウントを作成してください。

curl -X POST https://api.aiipworld.com/v1/render \
  -H "Authorization: Bearer $AIIPWORLD_API_KEY" \
  -H "Content-Type: application/json" \
  -d '{"html":"","output":"pdf","options":{}}'

# returns {"job_id": "...", "status": "queued"}; then poll:
curl https://api.aiipworld.com/v1/jobs/JOB_ID -H "Authorization: Bearer $AIIPWORLD_API_KEY"

一括処理

Webツールは一度に1Webページまで処理します。APIではURLごとに一つのリクエストとなるため、プランが許す数だけスクリプトで処理できます。

詳細設定

ページ全体のキャプチャ(full_page)、領域を指定した切り抜き、リクエストヘッダー、カスタムユーザーエージェントはAPIのオプションです。詳しくはドキュメントをご覧ください。

保存期間

Webツールの結果は10分保存されます。無料APIの結果は1日、StarterとProの結果は7日、BusinessとScaleの結果は30日保存されます。Webツールでは、訪問者ごとに毎分10回、毎日50回まで変換できます。

ひとことで言うと

サイト スクリーンショットは、公開されているWebページを、指定したウィンドウサイズで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の幅で表示したaiipworld.comのスクリーンショット
https://aiipworld.com をデスクトップ(1280 x 800px)で撮影したPNG、1x。 このサイトの独自エンジンで生成しました。 ファイルを開く(または画像を選択)で原寸で確認できます。

画面サイズの選び方

画面サイズは、ページを組み立てる横幅を決めます。プリセットは、デスクトップ(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を選んで、結果をダウンロードします。ブラウザのウィンドウに表示された状態のページを撮影します。アドレス先にある画像ファイルをダウンロードするものではありません。

アプリ内や一括処理で使いたい場合

このツールはレンダリングAPIで動作するため、同じ画像を、お使いのコードから一回のHTTPリクエストで取得できます。 無料アカウントには、毎月100クレジットが含まれています。

関連ツール