組み込みの画面キャプチャユーティリティのおかげで、サードパーティのアプリをインストールしなくても、 WindowsマシンとMacマシンの両方でスクリーンショットを撮ることができます。(Mac)これらの組み込みユーティリティにはカスタムオプションも用意されているため、スクリーンショットを好きなようにキャプチャできます。
ただし、これらのユーティリティが不足している領域がいくつかあります。これらの1つは、ブラウザでWebページの全ページのスクリーンショットをキャプチャできないことです。ツールは、画面の表示されている部分のみをキャプチャし、サイトのスクリーンショットをスクロールすることはできません。
幸い、人気のある2つのWebブラウザ(ChromeとFirefox)には、(Firefox –)フルページのスクリーンショットをキャプチャできるようにするための組み込みオプションとサードパーティの拡張機能の両方があります。
タスクをどれだけ簡単にしたいかに応じて、ブラウザ拡張機能またはデフォルトオプションのいずれかを使用できます。ここでは、両方の使用方法を説明します。
Chromeでフルページのスクリーンショットをキャプチャする(拡張機能なし)
理由は誰にもわかりませんが、Googleは(Google)Chromeブラウザの奥深くにフルページのスクリーンショットを撮るオプションを用意しています。ブラウザのすべてのオプションをチェックアウトしていない限り、ブラウザでこのオプションを見たことがない可能性があります。
しかし、それを見つけたら、好きな方法でスクリーンショットをキャプチャするのは簡単になります。
- パソコンでChrome(Chrome)ブラウザを起動します。右上隅にある3つのドットをクリックし、[その他のツール]、[(More Tools)開発者ツール(Developer Tools)]の順に選択します。
- パネルが起動し、ブラウザの下部に表示されます。パネルの右上隅にある3つのドットをクリックして、[(Click)コマンドの実行(Run command)]というオプションを選択します。ブラウザでコマンドを実行できるようになります。
- これで、 Chrome(Chrome)でコマンドを検索して実行できるようになります。スクリーンショット(screenshot)という用語を検索し、検索結果で[フルサイズのスクリーンショットをキャプチャ(Capture full size screenshot)する]オプションをクリックします。
- 現在のタブの全ページのスクリーンショットをキャプチャし、ファイルをコンピューターに保存するように提案します。
- 保存したファイルをフォトビューアで起動すると、表示していたWebページ全体が含まれていることがわかります。
Chromeでフルページのスクリーンショットをキャプチャする(拡張子付き)
上記の方法はスクリーンショットを撮るのに問題なく機能するはずですが、ブラウザで多くのスクリーンショットをキャプチャする(capture a lot of screenshots)場合は理想的な方法ではありません。開発者パネルに移動して、スクリーンショットごとにコマンドを実行しても意味がありません。
幸い、ボタンをクリックするだけでフルページのスクリーンショットをキャプチャできるブラウザの拡張機能があります。拡張機能はブラウザのメニューバーにあり、それをクリックすると現在のウィンドウのスクリーンショットが撮られます。
- Chrome拡張機能サイトのフルページスクリーンキャプチャページに移動します。(Full Page Screen Capture page)
- [ Chromeに追加(Add to Chrome)]というボタンをクリックして、ブラウザに拡張機能を追加します。画面に表示されるプロンプトで[拡張子の追加]を(Add extension)クリック(Click)します。
- 拡張機能がChromeに追加されたら、メニューバーのアイコンをクリックすると、現在のタブの全ページのスクリーンショットがキャプチャされます。
- 次に、スクリーンショットをPDF(PDF)またはPNG形式でコンピューターに保存するオプションが表示されます。お好みのオプションを選択してください。
拡張機能はほとんどのWebサイトで正常に機能するはずですが、そのような拡張機能の使用を制限する可能性のあるサイトもあります。そのような場合、拡張機能は機能せず、スクリーンショットを撮ることができなくなります。
Firefoxでフルページのスクリーンショットをキャプチャする(拡張機能なし)
Firefoxには、アドオンをインストールしなくてもページ全体のスクリーンショットをキャプチャできる(let you capture full page screenshots)開発者メニューも組み込まれています。Chromeと比較して、 Firefoxでオプションを見つけて使用する方が簡単です。
- コンピューターでFirefox(Firefox)を起動します。右上隅にある3本の水平線をクリックし、[ (Click)Web開発者]、[(Web Developer)レスポンシブデザインモード](Responsive Design Mode)の順に選択します。
- 上部のオプションからページ解像度をカスタマイズできます。次に、Webページの任意の場所を右クリックして、[スクリーンショット(Take a Screenshot)を撮る]というオプションを選択します。
- これで、スクリーンショットを撮る領域を選択できるようになりますが、それはあなたが望むものではありません。探しているオプションは[全ページを保存(Save full page)]と呼ばれ、ページの右上隅にあるオプションをクリックします。
- スクリーンショットをキャプチャして表示します。[(Click)ダウンロード(Download)]ボタンをクリックして、コンピューターにダウンロードします。
- Firefoxは、ブラウザのデフォルトのダウンロードフォルダにスクリーンショットを保存します。メニューバーのダウンロードアイコンをクリックして、スクリーンショットやその他のダウンロードファイルにアクセスできます。
Firefoxでフルページのスクリーンショットをキャプチャする(拡張機能付き)
ブラウザにアドオンをインストールしてもかまわない場合は、ボタンをクリックするだけでFirefoxでフルページのスクリーンショットを撮ることができるアドオンがあります。(Firefox)
- Firefoxの[ページのスクリーンショット]アドオンページ(Page Screenshot add-on page)に移動し、[Firefoxに追加(Add to Firefox)]ボタンをクリックします。次の画面でも[追加]をクリックします。(Add)
- (Click)メニューバーのアドオンアイコンをクリックし、[許可](Allow)を選択します。必要な権限を付与します。
- スクリーンショットが撮られ、マシンに保存するように求められます。
- オプションをカスタマイズする場合は、Menu > Add-ons > Extensions]に移動し、アドオンの横にある3つのドットをクリックして、[設定](Preferences)を選択します。
- 変更できるオプションには、スクリーンショットの画像形式、遅延、スクリーンショットの品質などがあります。
How To Capture Full Page Screenshots In Chrome & Firefox
Thanks to the built-in screen capture υtilities, you can take screenshots on both Windows and Mac machines withoυt the need to install a third-party app. These built-іn utilities also offer custom options so you can сaрture your screenshots the way yoυ want.
There are a few areas though where these utilities fall short. One of these is you can’t capture full page screenshots of the webpages in your browser. The tools will only capture the part of the screen that is visible and they won’t let you take scrolling screenshots of the sites.
Fortunately, two of the popular web browsers – Chrome and Firefox – have both built-in options as well as third-party extensions to let you capture full page screenshots.
Depending on how easy you want the task to be, you can go with either the browser extensions or the default options. Here we will teach you how to use both.
Capture A Full Page
Screenshot In Chrome (Without An Extension)
No
one knows why but Google has put the option to take full page
screenshots option deep down in the Chrome browser. Unless you’ve
checked out all the options in the browser, you may have likely never
seen this option in your browser.
But once you’ve found it, capturing screenshots in whatever way you want becomes simple.
- Launch the Chrome browser on your computer. Click the three-dots at the top-right corner and select More Tools followed by Developer Tools.
- A panel will launch and appear at the bottom of the browser. Click on the three-dots at the top-right corner of the panel and select the option that says Run command. It’ll let you run commands in your browser.
- You’ll now be able to search and run commands in Chrome. Search for the term screenshot and then click on the Capture full size screenshot option in the search results.
- It’ll capture a full page screenshot of your current tab and offer you to save the file on your computer.
- Launch the saved file in a photo viewer and you’ll find it includes the entirety of the webpage you were on.
Capture A Full Page
Screenshot In Chrome (With An Extension)
The above method should work just fine to take screenshots but it’s not an ideal method if you capture a lot of screenshots in your browser. Going to the developer panel and running a command for each screenshot just doesn’t make sense.
Fortunately,
you have an extension for your browser that allows you to capture
full page screenshots with the click of a button. The extension sits
right in the menu bar of your browser and clicking on it takes a
screenshot of the current window.
- Head over to the Full Page Screen Capture page on the Chrome extensions site.
- Click on the button that says Add to Chrome to add the extension to your browser. Click on Add extension in the prompt that appears on your screen.
- When the extension is added to Chrome, click on its icon in your menu bar and it’ll capture a full page screenshot of your current tab.
- You’ll then be offered the option to save the screenshot in either PDF or PNG format on your computer. Choose the option you prefer.
Although
the extension should work just fine on most websites, there are some
sites that may restrict the usage of such extensions. In those cases,
the extension won’t work and you won’t be able to take any
screenshots.
Capture A Full Page
Screenshot In Firefox (Without An Extension)
Firefox also has a built-in developers menu to let you capture full page screenshots without needing to install an add-on. Compared to Chrome, finding and using the option in Firefox is easier.
- Launch Firefox on your computer. Click on the three horizontal-lines at the top-right corner and select Web Developer followed by Responsive Design Mode.
- You can customize the page resolution from the options at the top. Then right-click anywhere on the webpage and select the option that says Take a Screenshot.
- You’ll now be able to select an area to take its screenshot but it’s not what you want. The option you’re looking for is called Save full page and click on it at the top-right corner of the page.
- It’ll capture and show you the screenshot. Click on the Download button to download it to your computer.
- Firefox will save the screenshot in the default downloads folder for the browser. You can click on the downloads icon in the menu bar to access your screenshots and other downloaded files.
Capture A Full Page
Screenshot In Firefox (With An Extension)
If
you don’t mind installing an add-on in your browser, there’s an
add-on that lets you take full page screenshots in Firefox with the
click of a button.
- Head over to the Page Screenshot add-on page in Firefox and click on the Add to Firefox button. Click on Add on the following screen as well.
- Click on the add-on icon in the menu bar and then select Allow. It’ll grant it the permissions it needs.
- It will take the screenshot and prompt you to save it on your machine.
- If you want to customize the options, you can do so by going to Menu > Add-ons > Extensions, clicking on the three-dots next to the add-on, and selecting Preferences.
- The options you can modify include screenshot image format, delay, and screenshot quality.