GCLIを使用してFirefoxでページ全体の高品質のスクリーンショットを撮る方法は?


8

私はFirefoxの組み込みCLIを使用してWebページのスクリーンショットを撮ってきたので、サードパーティのツールを使用する必要はありません。
とても簡単です

  • ヒットShift+F2
  • と入力してscreenshot filename.png、Enterキーを押します。

ページ全体(表示されていない部分を含む)のスクリーンショットを撮るに--fullpageは、上記のコマンドの最後に追加する必要があります。
ここに問題があります。大きなページのフルページのスクリーンショットを撮ったとき、品質が高すぎてピクセル化したり、ズームインしたときにテキストが判読できません。
スクリーンショットの品質を向上させる方法はありませんか?サードパーティのツールを使用していますか?
関連する質問:

私はWindows 7とFirefoxの最新アップデートを使用しています。


FirefoxのAwesomeスクリーンショットと呼ばれるプラグインを使用して、ページ全体のスクリーンショットを撮ります。私はそれがネイティブではないことを知っていますが、これに対する答えが見つからない場合、それは良い代替案になると思います
Lex

問題を再現することはできませんが、WindowsではなくLinuxで手順を実行しているため、何らかの診断が必要な場合があります。画面が十分に大きければレンダリングされたであろうもののピクセル出力のためのピクセルを私に与えます。品質の低下はありません。
fixer1234 2016年

@ fixer1234テキストのtakin 'スクリーンショットについて話しています。ズームすると、ピクセル化されて読みにくくなります
RogUE

私の理解では、テキストは、フォント情報に基づいて、(任意のズームで)文字をインテリジェントに平滑化する専用システムでレンダリングされます。スクリーンショットを撮ると、フォント情報は失われます。それは単なるピクセルです。ズーム機能はいくつかの補間を行いますが、そのプロセスの品質は、文字が文字としてレンダリングされるときに可能な仕事と一致しません。
fixer1234 2016年

回答:


12

最後に、私は私の質問に対する答えを見つけました。私の質問に答えたいです。

まず第一に、クレジットが支払われる場所。エリックのアーカイブされた考え、このチュートリアルを誤って見つけました。

答えは簡単--dprです。コマンドにオプション/引数を追加するだけで、法線に対する相対的なピクセル解像度が得られます。たとえば、通常の解像度putの4倍の解像度でキャプチャする--dpr 4には、数値の前にスペースがあることに注意してください。5.3、5.6などの小数部を含む数値を使用することもできます。コマンドの例は次のようになります。

screenshot filename.png --dpr x

それで全部です。

そしてもちろん、スクリーンショットの品質も向上しています。

スクリーンショットの例:

通常の解像度で 通常の解像度

5倍の解像度 5倍の解像度


いい発見!dpr(デバイスピクセル比)は、モニターの解像度が異なる場合のディスプレイのレンダリング方法をキャプチャします。固定画像をキャプチャしてから補間して拡大するのではなく、ターゲット解像度でフォントの平滑化を行います。
fixer1234 2016

1
こちらの回答もご確認ください。
RogUE 2018年

悲しいことに、CLIはFirefox 62で削除されました:ghacks.net/2018/05/21/firefox-62-developer-toolbar-removal
Marcus

3
Firefox 63以降で:screenshotは、Webコンソール(ツール-> Web開発者-> Webコンソール、またはCtrl + Shift + K / Cmd + Option + K)から(コロンに注意して)使用できます
Calimo
弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.