webkit2png を使って Mac でコマンドラインからウェブページ全体のスクリーンショットを撮る

Mac でコマンドラインを使用して、Web ページ全体のスクロール スクリーンショットを撮る必要があったことはありませんか?

MacでFirefoxなどのブラウザを使ってウェブページ全体のスクリーンショットを簡単に撮る方法はいくつかあります。また、ターミナルからスクリーンショットを撮る方法など、Macでスクリーンショットを撮る方法も数多くありますが、iPhoneやiPadで提供されているシンプルな方法ほど、ウェブサイトのフルページスクリーンショットを撮るにはネイティブオプションは使いにくいです。しかし、ターミナルユーザーであれば、webkit2pngというツールを使えばかなり簡単にこのタスクを実行できます。

これは、Web 開発者、デザイナー、プロジェクト マネージャーなど、多くの人にとって一般的に必要なタスクです。

Macでコマンドラインを使ってフルページのスクリーンショットを撮る方法

webkit2png コマンドラインツールを使用すると、Mac で Web ページ全体のスクリーンショットをキャプチャできます。

まずMacにHomebrewをインストールする必要があります。

brew install webkit2png

webkit2png のインストールが完了したら、コマンドラインで次の構文を使用して全ページのスクリーンショットを撮ることができます。

webkit2png -F https://osxdaily.com

-F フラグはフルページを指定します。

次のように -W を使用して、ブラウザのスクリーンショットの幅をピクセル単位で指定することもできます。

webkit2png -F -W 1000 https://osxdaily.com

遅延読み込み画像を含むページのスクリーンショットを撮影する際の重要な注意事項：サイトの読み込み速度とページ表示速度を高速化するために遅延読み込みを使用しているウェブページのスクリーンショットを撮影する場合（これは現代のウェブでは非常に一般的です）、ウェブページの画像の大部分はスクリーンショットにキャプチャされません。これを回避するには、MacでFirefoxやSafari開発ツールなどのフルページスクリーンショットを撮影する方法、またはiPhone/iPadを使用してウェブページ全体のスクリーンショットを撮影する方法などを使用する必要があります。

私たちはこのツールを 10 年以上前に取り上げましたが、それ以来このユーティリティは大幅に進化し、その必要性も高まったため、再度取り上げて、より詳細に説明します。

ターミナルやMacの他の場所からフルページのスクリーンショットを撮る別の方法はありますか？コメント欄で教えてください。