テクニカルスキルブログ
2010
03/09
ウェブサイトのスクリーンショットの撮り方色々
TIPS | written by 村田佑介
ホームページのスクリーンショットを撮りたいことはよくあると思います。普通にPrintScreenでもいいかもしれませんが、編集が面倒ですのでもっと楽に撮れる方法をいくつか紹介します。


・Firefoxのアドオン「Pearl Crescent Page Saver
無料版はInstall Page Server Basicをクリックしてください。
インストールすると検索バーの右側などにカメラのアイコンが出てきます。こいつをクリックするとファイル名と保存先を指定する画面が出てくるので、自由に決めて保存するとページ全体のスクリーンショットを撮ってくれます。横の▼から「表示部分のみ」を選ぶと現在表示されている範囲のスクリーンショットになります。

・GoogleChromeの拡張機能「webページショット
こちらもインストールするとカメラアイコンが出てくるので、クリックすると上のと同じ様なことができます。ただ画像が新しいタブで表示されて右クリック→名前を付けて保存をしないといけないのでややめんどいです。

・おまけ:Macのスクリーンショット
Macにはデフォルトで4種類のスクリーンショットがついています。
------------------------------
コマンド+シフト+3 : 画面全体のスクリーンショットをデスクトップに作成
コマンド+シフト+コントロール+3 : 画面全体のスクリーンショットをクリップボードにコピー
コマンド+シフト+4 : 選択範囲のスクリーンショットをデスクトップに作成
コマンド+シフト+コントロール+4 : 選択範囲のスクリーンショットをクリップボードにコピー
------------------------------
普通のスクリーンショットなので隠れている部分を撮ったりはできないですが、表示されている部分でよければコマンド+シフト+4なんて結構便利だったりします。

FirefoxのアドオンやChromeの拡張なんかは似たようなものもたくさんあると思いますが、ぼくはMacなのでデフォルトのスクリーンショットをよく使います。どうしても隠れている部分も欲しい時はアドオンを使うっていう感じです。