指定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
  • このエントリーをはてなブックマークに追加

関連記事

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

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

記事を読む

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

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

記事を読む

【jQuery/javascript】Tweetボタンを動的に設置する

Twitterボタンをブログやサイトに設置するとき読み込みに時間がかかってしまって困るといったことや

記事を読む

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

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

記事を読む

【jQuery UI】Sliderのオプション変更やイベントを取得をする方法

jQuery UIを使ってスライダー(トラックバー)を作ります。その際に起こるイベントとしてスライダ

記事を読む

関連記事を表示させるブログパーツOutbrainの導入方法

関連記事を表示させるブログパーツOutbrainの紹介です。 このOutbrainの長所は

記事を読む

【CSS】beforeのcontentで改行する

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

記事を読む

ニコニコ動画やYoutubeのRSSフィードもサムネ付きで手軽に表示できるブログパーツ

通常サイトのRSSだけでなく、ニコニコ動画やYoutubeの動画サイトのRSSを読み込んでサムネ画像

記事を読む

Firefoxのブックマークやパスワードを別のPCへエクスポート&インポートする

最近新しいPCを買いました。その際にFirefoxのブックマークやパスワードを含めすべてそのままエク

記事を読む

関連記事を表示させるブログパーツLinkWithinの導入方法

LinkWithinについて ブログに関連記事を表示するパーツ『LinkWithin』を紹介します

記事を読む

UWSCを使ったソフト自動立ち上げ【SoftEther VPN Server】

やりたいこと 最近SoftEtherという筑波大学発のベンチャー企業

【PHP】headerでContent-Typeを指定したのに効かない場合の対処法

PHPでサイトマップを作ろうと思い、XML形式のファイルを出力しようと

スマホ向け幅固定サイトの回転時の幅対応方法

幅固定サイトでのスマホ回転時Webサイトの横幅を合わせる方法のメモ。

【PHP】特定のURLからそのAtomやRSSのフィードを抽出する方法

特定のURLからRSSやATOMのフィードを抽出する方法をメモ。 流

フィード抽出ツール(RSS1.0、RSS2.0、atom)

任意URL サイト名 サイトURL RSS1.0

格安プラン限定レンタルサーバー機能比較表(2016年)

はじめに  最近新しい共用サーバーをレンタルしようと思い調査およびそ

kindle unlimitedが便利だったのでお勧めの使い方など感想メモ

 kindle unlimitedというサービスが8/3からAmazo

→もっと見る

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