サイトを丸ごと印刷したいのにそのまま印刷すると全然デザインがおかしくなる…

そんな経験はありませんか？

今からご紹介するプラグインを使えば、サイトを丸ごとキャプチャ、スクリーンショットが撮れて、pngやpdfなどの画像として保存ができるので、そこから全く崩れずに印刷することができます。

1年以上色々なプラグインを仕事で使ってきて、その中でも優れている3つを紹介します。

１．Awesome Screenshot：キャプチャーと注釈

• chrome版ダウンロードはこちら
• firefox版ダウンロードはこちら

今まで使ったプラグインで一番使いやすかったのがこちら。

firefoxとchromeで拡張として入れれるようです。

動作もそこまで重くなく使いやすいです。

良い点１：キャプチャしたwebページに書き込みができる

一番良いなと思ったところは撮ったキャプチャに書き込みができるところです。

このような形で図形も入れれますし、矢印も、またテキストも入力できます。

なのでwebディレクションをしていたり、webデザイン、コーディングなど、web制作に関わる人にとってはかなり便利な機能ではないでしょうか。

良い点２：fixedされた要素も無視してくれる

追従してくる問い合わせボタンとかあるじゃないですか。

あれもスクロールごとにキャプチャして凄い連なっている時があるのですが、そういったことはないです。

閲覧したサイトのURLを収集している？

ただ１つだけ懸念があって、2014年の記事ですが、AWESOME SCREENSHOT が閲覧したサイトのURLを収集している疑いようです。

現在はどうなっているのかわかりませんが、気にされる方は辞めておいたほうが良いかもしれません。

developer.cybozu.co.jp

 

234 tweets

394 shares

137 users

110 pockets

Awesome Screenshot が閲覧したサイトのURLを収集している疑い

http://developer.cybozu.co.jp/akky/2014/08/awesome-screenshot-collects-your-visiting-urls/

ブログ mig5.net のMiguel Jacqさんの記事によると、Chromeブラウザ用のスクリーンショット・ツールとして有名な Awesome Screenshot 拡張に、ユーザーの同意無

 

• ChromeのAwesome Screenshot拡張が、見たページのURLをどこかに送信している
• 送られたURLは SimilarWeb で使われているのではと思われる
• URLを他人に知られるとまずいサイトを使っている人は利用を避けた方がいい
• URL以外の送信は「今のところ」見つかっていない

引用：http://developer.cybozu.co.jp/akky/2014/08/awesome-screenshot-collects-your-visiting-urls/

２．Full Page Screen Capture

• chrome版ダウンロードはこちら

こちらの良いところはとても動作が軽くて、シンプルなところですね。

ワンクリックでいきなり全ページをキャプチャしてくれて、別タブでpngとして開いてくれます。

fix要素などはそのままスクロールごとに撮ってしまうので、ちょっと見づらい点もありますが、軽くて簡単にとりあえず前ページ要素が撮れれば良いということであれば一番オススメです。

こちらchromeのみの拡張機能のようです。

３．Fire Shot：全面ウェブページのスクリーンショット

• chrome版ダウンロードはこちら
• firefox版ダウンロードはこちら

Full page screen captureが一時期使えなくなっていた時期があって、その時にこちらを使っていました。

動作は特に問題ないのですが、クリックしてから保存までが長いというかめんどくさいのが難点でした。

pdfとかpngとか選べるのは良いのですが、保存に時間がかかるので、あまり使いたくない印象です。

最後に

いかがでしょうか。

書き込みがしたいなら、Awesome Screenshot、シンプルにただ保存したいだけならFull page screen captureがオススメですね。

それでは！