☰

大きなウェブページを画像として保存する

tag-icon • tag-icon google-chrome google-chrome-extensions screen-capture
大きなウェブページを画像として保存する

ウェブページを画像として保存しようとしています。保存しようとしているウェブページ少し長く、画像が多くあります。

私は試したGoogle Chrome スクリーン キャプチャ拡張機能他にも Chrome スクリーンキャプチャ プラグインをいくつか試しましたが、すべて出力として空の画像が返されました。

これをどうしたら解決できますか? 大きな Web ページを画像として保存する他の既知のプラグイン (Chrome 以外でも OK) はありますか?

答え1

  1. でクロムブラウザ表示開発者ツール: メニュー -> その他のツール -> 開発者ツール (F12 または Ctrl + Shift + I)。

開発者ツールを表示

  1. 次に、メニュー -> コマンドを実行 (Ctrl + Shift + P) を選択します。

コマンドを実行

  1. 書き留めるスクリーンショット使用してフルサイズのスクリーンショットをキャプチャする。

フルサイズのスクリーンショットを撮影する

  1. （オプション）画像にページ全体が含まれない場合は、コンソールで次のコマンドを実行して、スタイルを追加することができます（このスレッド）。
document.querySelector("head").appendChild(Object.assign(document.createElement("style"), {textContent: "html, body, div, section {overflow: visible !important;}"}));

ページ ヘッダーに overflow:visible スタイルを追加します。

  1. （オプション）必要なコンテンツと重複する要素がある場合は、選択ツール要素を選択して隠れるまたは消去コンテキスト メニューを使用して実行します。

重なり合う要素を選択して削除する

答え2

PDF に印刷し、その PDF を画像として保存します。おそらくこれが最も確実な方法だと思います。

PDF への印刷は簡単で、多数のオプションがあり、事後の変換ではページ レイアウトが維持されます。

変換の答えはこちら:画像 PDF ファイルを画像として保存するにはどうすればよいですか?

注意：PDFCreatorプロジェクトを使用する場合は、http://www.pdfforge.org/PDF を画像として印刷するか、画像として印刷するかのオプションがネイティブに用意されています。

答え3

ファイアフォックス拉致！アドオンでは、それほど大きな画像を保存できませんでした。非常に長い単一の画像を絶対に保存する必要があり、Chrome 以外のソリューションを検討している場合は、次の方法が有効かもしれません。

  1. サイトショットポータブルアプリです:

    1

  2. オンラインウェブスクリーンショットアプリは数多くある。例えば、これです

答え4

このスタンドアロン（ポータブル アプリ）を見つけました:ウェブ画面キャプチャ、Web ページを画像として正常に保存できました...

回答してくださった皆様、ありがとうございます... :)、提案は本当に貴重で、これを達成するためにさまざまな方法を考えさせられました。「Karan」さんの回答により、私が知らなかったスタンドアロン アプリケーションについて考えるようになりました... 本当にありがとうございました。

関連情報