コーディングの勉強

【Webサイトのフルスクリーンショット】全画面キャプチャ画像を簡単にダウンロードする方法

こんにちは、mito(@mito_works)です。

mito
mito
今ブラウザ表示しているこのページ全てが写っているキャプチャが欲しい!!そんなことありませんか?
momo
momo
キャプチャを取得しようとした際に、画面サイズより大きいところは取得できない..という時もあるよね

そんな方に今回は、chromeの検証ツールを使った簡単にフルスクリーンショット(全画面キャプチャ)が撮れる方法をご紹介します。

  • 拡張機能なし
  • さくっと簡単に
mito
mito
皆さんもぜひこの方法で一瞬で全画面キャプチャを取得してみてください!

Google Chromeで該当のWebサイトを表示する

Google Chromeで該当のWebサイトを表示し、右クリック→検証で検証ツールを開く。

もしくは、以下のショートカットキーでも開けます。

Macの場合: command+option+I

Winの場合: Ctrl+Shift+I

検証ツールの詳細機能を表示

ショートカットキーを使い、検索窓を表示させます。

Macの場合: command+shift+P

Winの場合: Ctrl+Shift+P

検索窓にfullと入力

検索窓に「full」と入力することで候補が絞られ、フルスクリーンショット機能のみが表示されます。

mito
mito
そのままEnterを押してください。

 

momo
momo
数秒で保存されるよ!(ローカル環境へダウンロード)

ダウンロード完了

ダンロードしたものを開くとフルスクリーン(全画面キャプチャ)が表示されます。

フルスクリーン(全画面キャプチャ)は容量が大きくなるので、適宜圧縮するのことをおすすめします。

【Webサービス】画像圧縮をブラウザ上で簡単に、無料でできる便利なツール 今回は、Webサービスを使って、 ブラウザ上で、 簡単に、 無料で 画像を軽...

 

おまけ

オンラインサービスの画像圧縮サービスではサイズが大きすぎて圧縮できない..と言う場合には、こちらもおすすめです。

momo
momo
インストールして使う、無料の画像圧縮ツールだよ!

 

–End–

ABOUT ME
mito
こんにちは!mitoです。 フロントエンド開発、デザイン全般をやっているクリエイターです。 学ぶことと教えることが好きです。 子育てをする中で、自分の生活に働き方を合わせたいと思うようになり、2020年4月からフリーランスになりました。 好奇心旺盛でやりたいこと多め、ワクワクすると止まれない性格です。 同じように一緒にチャレンジする人の背中そっと押せたり、励ましあえるようなブログになるといいなと思っています。