指定URLのWebサイトの画面全体をキャプチャする方法

公開日: : 最終更新日:2014/08/14 サイト制作, ソフト

スポンサーリンク

Webサイトのスクリーンショットを撮る方法としてはいくつかありますが、各方法ごとに調べたものを紹介したいと思います

まずWebサイトをキャプチャする前に、キャプチャ対象がページの一部などといった場合はOSの機能でスクリーンショットを行った後にペイントに貼り付けて保存するのがいいです。私はWindowsしか動かしたことがないですが、該当する場合はこちらのスクリーンショット方法の記事を参考にしてみてください。

Webサイトからキャプチャ

Capture Full Page

Capture Full PageというこのサイトにキャプチャしたいサイトのURLを打ち込めばOKです…が少し使ってみたところ日本語のページはずっと読み込み中になってしまい、うまくキャプチャできなかったのでキャプチャできない場合は次から述べる方法をとった方がいいです。

capturefullpageimg1.png
↑一応参考画像。URLを打ち込んだのち『Take Screenshot』を押すだけ。

ブラウザのアドオンからキャプチャ

Chrome

Chromeのアドオンの『Full Page Screen Capture』を使うとページ全体を手軽にキャプチャすることができます。手順としてはChromeウェブストア
から『Full Page Screen Capture』で検索して出てきたアドオンをインストールしてください。

fullscreencaptureimg1.jpg

このカメラボタンを押すとサイト内キャプチャが始まり、数秒から数十秒程度でキャプチャが完了します。完了するとサイトをキャプチャしたPNG画像のページに移動するのでそれをそのまま保存すれば終了です。

FireFox

『Pearl Crescent Page Saver Basic screenshot tool』というアドオンでFireFoxでもWebスクリーンキャプチャを取得することができます。FireFoxのPearl Crescent Page Saver Basic screenshot toolから『Pearl Crescent Page Saver Basic screenshot tool』で検索してブラウザにインストールしてください。

PearlCrescentPageSaverBasicimg1.jpg

こちらも先ほどのものと同様にブラウザの右上にカメラマークのボタンが出現するので、ボタンを押すと保存ダイアログが現れてキャプチャ画像をPNG形式で保存することができます。

フリーソフトからキャプチャ

PHARMACYというフリーソフトを使うとブラウザの画面いっぱいを画像として保存することができます。

pharmacyimg1.jpg

使い方はURLを打ち込んで「移動」ボタンを押したのちに「キャプチャ」ボタンを押せば完了です。

自分で作る

最強の手段です。裏でなにやってるのかいまいち信用できないフリーソフトはいやだ!という方は自作するのをおすすめします。自前でブラウザでもなんでも作ってください。

C#参考になりそうなページ
WEBページをビットマップ保存するサンプル(C#.NET)

スポンサーリンク
Amazon
  • このエントリーをはてなブックマークに追加

関連記事

【CSS】beforeのcontentで改行する

.bsample1:before{ content:"★参考★\A"; } .bsampl

記事を読む

Windows7でVirtualBoxとVagrantを使ってローカル開発環境を構築する

Vagrant(ベイグラント)とは http://www.vagrantup.comで入手できる仮

記事を読む

動画や音楽を簡単にmp3,wavに変換できるフリーソフト『えこでこツール』

img.subject{ border: 2px solid #555; } span.l

記事を読む

ブログのコメント欄をTwitterやFacebook、はてなのコメントで代用する方法

最近になってコメント欄にスパムっぽいものが大量に飛んでくるようになったのでどうにかしないと、と思い一

記事を読む

Pocketのソーシャルボタンをブログ・サイトに設置する方法

後で読みたい記事を保存することのできるPocketのソーシャルボタンの設置方法についてです。このボタ

記事を読む

YahooメールがThunderbirdで登録できず「ユーザー名やパスワードが間違ってませんか」と出る

タイトル通りなのですが、しばらく悩んだので書き留めておきます。原因はいくつかあると思うのですがおそら

記事を読む

【MMD】BlenderでCyclesを利用してレンダリングしてみる

Cyclesを使ってみる BlenderのCyclesを用いてレンダリングを試してみました。Cyc

記事を読む

ソーシャルボタンをブログやサイトに設置する方法

TwitterやFacebookなどのソーシャルボタンを付ける方法です。ソーシャルボタンを付けるには

記事を読む

Twitterのフォロワーが有効かどうか評価するツール

ツイッターの自分のフォロワーがスパムや活動休止中か判定することのできるツールに『Status Peo

記事を読む

YoutubeのURLリンクを外部プレイヤーのものに正規表現で置換する

Youtubeのアドレスを正規表現を使って抽出して外部プレイヤーのフレームに変換・置換するスクリプト

記事を読む

【Unity】他のスクリプトを一括で取得して有効化・無効化を制御する

Unityを使っていて他のスクリプトを一時的に停止させたいと思ったので

テレビの録画をPCやNASで共有する

今までテレビはテレビ用のモニターで見ればいいやと思っていたのですが、さ

【DeepLearning】物体検出手法のSSD(Keras版)を試す (Ubuntu14.04)

はやりのディープラーニングの物体検出手法の一つであるSSDのサンプルを

【Laravel5】既存のDBからデータを取得して表示する

はじめに 今まで作ったWebサイトをLaravel5で見れるようにし

【C++/OpenCV】cv::Matの画像にインパルスノイズを付加する

OpenCVで画像にノイズを付け足したいと思って調べたところ、Pyth

Intel Corei7-7700TでHTC Viveの動作確認

はじめに HTC ViveというVRヘッドセットで遊んでみたのでその

【Python】フォルダ内のカッコ付き数字ファイルを一括でリネームするスクリプト

はじめに タイトルどおりなのですが、指定フォルダ内のファイルのファイ

→もっと見る

  • Author : ががんぼ
    プログラミングやWeb関係で気付いたことについてメモしていく予定。だいたいが備忘録ですが、自分でサンプルを作って動かしてみたりしています。
PAGE TOP ↑