Chrome Chrome拡張機能 Google

【私が重宝しているChrome拡張機能】ワンプッシュでブラウザを上から下まで1つの画像として撮影できる「Full Page Screen Capture」

投稿日: 更新日: 2017年10月19日

f:id:d3dayo:20170928143658p:plain

サイトの全体像を見るために上から下までのスクリーンショットを撮ることが多いでででーさん(@d3_dayo)です!

ここ最近、改めて以前にまとめ記事として書かせて頂いた『私がChromeにインストールしている便利な拡張機能12個を一挙に紹介します』の中から、個別の拡張機能ごとに記事を書くようにしています(そのほうが機能ごとの特徴などもじっくり読めてわかりやすいという声も頂戴したため)

そして、今回紹介する拡張機能は以前書いたまとめ記事には載せていない…このブログで初めて紹介する拡張機能となります!

どんな機能なのか?それはタイトルにも書いた通りなんですが、拡張機能のボタンをワンプッシュするだけで表示しているサイトの最上部から最下部までのスクリーンショットを1つの画像として撮影してくれる便利な拡張機能になります。

Full Page Screen Capture

今回紹介する拡張機能です。
chrome.google.com

この拡張機能を紹介しようと思ったきっかけは、私は特にウェブ制作に絡んでいる時にサイトの全体像をチェックするために、最上部から最下部までが1つの画像となっているスクリーンショットを撮ることが多いのですが…

超ワイドスクリーンでみた時にどうなっているのか?を確認したくて、自分ではなく他の方にスクリーンショットを上から下まで撮影してもらい画像を送ってもらったところ…

f:id:d3dayo:20170928131737p:plain:w570

このようにスクリーンショットのつなぎ合わせで1つの画像にしているため、微妙にずれてしまっているというケースがあったんです。(サンプル画像だとグローバルメニューも重複しちゃってますしね…)

本当はこんな時、その相手に「この拡張機能を使えばワンプッシュで画像のつなぎ合わせは不要!1枚で上から下までサイトを撮影したスクリーンショットが撮れるよ!」と教えてあげたかったことが、この記事を書こうと思ったキッカケなんですね(^_^;)

撮影したいサイトを開いている状態でワンプッシュするだけ

使い方は非常に×100簡単で、拡張機能をインストールしたらスクリーンショットを撮りたいサイトを開いている状態で、Chrome画面右上に表示されているカメラマークのアイコンをクリックします(画像ではブラウザテーマの関係でわかりづらく申し訳ないです)

f:id:d3dayo:20170928140022p:plain

すると、画面右上にパックマンのアニメーションが表示されるのでその間は待つだけです。

アニメーションが終了するとサイトの上から下までの撮影も完了し、このような画面が表示されます。撮影した写真を保存する場合は右上にある「Download」をクリックします。

f:id:d3dayo:20170928140413p:plain

手順はたったこれだけで、下に貼っている画像のようなサイトの最上部から最下部までが1つの画像になったスクリーンショットを、簡単に撮影することができます。

f:id:d3dayo:20170928140716p:plain:w455
ちょっと画像が二重になってしまっている箇所はありますね(^_^;)

おわりに

以前はこの拡張機能ではなく、これを使っていました。

chrome.google.com

今回紹介したワンプッシュでサイトの最上部から最下部までの画像を1枚のスクリーンショットとして撮る機能に加えて、撮影した画像をその場で注釈をつけたりといった編集機能も備わっているものです。

然しながら、この拡張機能…実はユーザーが閲覧したページのURLをどこかに自動送信しているという嫌疑がかけられていることを知ったので…

developer.cybozu.co.jp

様子見?という意味合いもありますし、また注釈は大体他のソフトでやっているので、現在はこっちの「Full Page Screen Capture」を主戦として利用しています!

chrome.google.com

この拡張機能、使う局面があるのか?どんな時に使うのか?は人それぞれではありますが…なかなかに便利です!

Chromeのデベロッパーツールでスマホビューの状態で表示すれば、スマホ画面で表示されるサイトの状態も上から下まで撮影できますしね(^^)/

こちらも便利!Chrome上で簡単にメモがとれる・メモを管理できる拡張機能!

www.d-3.site

でででーさん
2017年2月21日はてなブログでカキタクナッタラ開設。2017年10月22日にWordPressへ移行しました。IT関係のネタをメインにラーメンのことや雑談記事など幅広く書きます。たまに変なイラストを描いたりウェブ制作をすることもあります。