*

拡張機能不要!Chromeでウェブページの全体スクリーンショットを撮る「フルサイズスクリーンショット」

公開日: : ブラウザ

2017年6月5日、ウェブブラウザ Google Chrome の最新版のバージョン59が公開されました。30種類の脆弱性を改善した他、いくつかの新機能が実装されています。その中でも目を引いたのが「フルサイズスクリーンショット」です。

フルサイズスクリーンショットとは

フルサイズスクリーンショットまたはフルページスクリーンショットとは、ウェブページの全体を1枚の画像に保存する機能です。従来までは Chrome でウェブページ全体のスクリーンショットを作るには、見える範囲のスクリーンショットを PrintScreen キーで何枚も撮って画像編集ソフトで結合するか拡張機能を利用するしかありませんでした。

ウェブページ全体のスクリーンショットをキャプチャする有名な拡張機能がスパイウェアやアドウェアだったという事が2015年あたりに話題になりましたが、そういう事もあって Chrome 標準でウェブページ全体のキャプチャ(フルサイズスクリーンショット)をサポートするようになったのでしょうか。

ウェブページ全体のスクリーンショットを撮る方法

まずは Chrome のバージョンを確認しましょう。バージョン59で実装された新機能なので、58以下では使えません。普通は何もせずとも自動でアップデートされますが、Chrome をずっと終了しなかったり手動アップデート対応をしている人はアップデートされません。

画面右上の「…」から設定を開き、Chrome についてを見るとバージョンを確認する事ができます。

続いて、ウェブページ全体のスクリーンショットを撮りたいページへアクセスしましょう。ここでは例として当サイトのウェブページ全体のスクリーンショットを撮ってみようと思います。

ページ全体のスクリーンショットを撮りたいウェブページを表示させた状態で、右クリックメニューから「検証」を選択するか F12 キーを押します。すると上図のような状態となります。

ここで、画面右上の「…」をクリックしてメニューを開き、その中から「Capture full size screenshot」を選択します。

これで自動でウェブページ全体のスクリーンショットが撮影され、画像の保存先を尋ねられます。画像は png で保存されるようです。

おわりに

ウェブページ全体のスクリーンショットは一般的にはあまり使わない機能です。しかし仕事柄必要だったり、知っていると便利な機能です。今までは拡張機能に頼るしかありませんでしたが、Chrome 標準機能となって安心して使えるようになりました。

ウェブページ全体を印刷する時に意外と便利です。そのままウェブページを印刷すると表示が崩れてしまう事がありますが、画像にしてから印刷すると表示も崩れず綺麗に印刷できるのです。

  • Pocket

おすすめトピックス

関連記事

1クリックでJavascriptのオンオフを切替えるChrome拡張「Quick Javascript Switcher」

Javascript という言葉を一度は聞いたことがあるかもしれません。Javascript とは、ブラウザ上で動くプログラミング言語の一つです。今のウェブの世界では当たり前のように Javascript が使われていま […]

辞書サイトに行かずにその場で翻訳できるChrome拡張「どこでも翻訳」が便利

インターネット閲覧中やパソコンで作業中、この言葉を英語でどう書くんだろう?と思う事もしばしばあると思います。そんな時はブラウザの別タブを開いて辞書サイトへ行ったり Google 翻訳を開いたり、本の辞書を開いたりしますよ […]

Chrome
【Chrome】ブックマークは左という固定観念やめたら?上でもいいじゃない

Google Chrome では2014年12月現在、Internet Explorer や Firefox のようにブックマーク(お気に入り)をブラウザの左側に固定して表示する事はできません。そして Google はわ […]

オートコンプリート
PC、スマホ版Chromeでオートコンプリート(入力履歴)を一部消す方法

オートコンプリートとは、ウェブサイトのフォーム内のテキストボックスなどに入力した言葉をブラウザが記憶して、今までに入力した内容をテキストボックス下に表示される機能です。 ウェブサイトの検索窓やお問合せフォームなどで活躍す […]

Chromeリロード
「ブラウザを更新しても画像が変わらない」を解決するChromeの小技

ホームページを作っていたり、Web 制作の現場ではあるあるな事を紹介します。 Web サイトを運営していれば、画像を差し替える事は度々ある事です。違う画像ファイル名でアップロードして html ファイルも書き換えるのはめ […]

ノートパソコンでタイピング
ChromeやFirefoxならフォームの狭いテキストエリアを伸ばせます

インターネットをしていれば、よく文字を入力する場面は多いかと思います。ブログのコメント欄、インターネットショッピングで配送先の入力などなど、色々ありますね。それらは総じて入力フォームと言います。 ピンと来ない方は、下の画 […]

著者について

名前:Azell
作曲したり風景写真撮ったりWeb制作したりする人です。 好きな事を楽しくブログに綴れていけたらと思います。

フォローはこちら

       

       
WordPressでログイン時だけ表示する条件分岐を行うには?

WordPress では色々条件分岐があります。トップページだ

チョコと練乳が濃厚なクッキー「北海道美瑛ミルクサンド」| フェルム・ラ・テール

先日北海道のお土産をいただいてとても美味しかったので紹介したい

「東京百年物語~焼きキャラメル」キャラメルがしっとりケーキの東京土産

東京でお土産店を物色していた時、気になるお土産を見つけました。

横蔵寺
【岐阜県の横蔵寺】紅葉時期の駐車場と写真撮影について

岐阜県揖斐川郡揖斐川町にある横蔵寺は紅葉の名所でありますが、即

千歳市のイタリアンレストラン「アキオカ」でパスタランチ

「アキオカ」は北海道千歳市にある格調高いイタリアンレストランで

→もっと見る