Web ページ 画像 保存：ページ全体を PNG に
2026年10月31日 · 1 min read
Web ページ 画像 保存をページ全体で行うには、ページをスクロールして 1 枚の画像につなげるツールを使います。Chrome ならページ全体キャプチャの拡張機能か、DevTools の Capture full size screenshot です。Firefox のスクリーンショット ツールにはページ全体の保存があり、Edge にもページ全体のキャプチャがあります。オンラインの「Web ページを PNG に」変換サービスは、自分のサーバーでアドレスを読み込むため、公開ページにしか使えません。
Web ページを PNG にする方法
| ツール | ページ全体 | 形式 | ログインが必要なページ |
|---|---|---|---|
| Chrome 拡張機能 | 可 | PNG、JPG、PDF | 可（見ているとおりに撮る） |
| Chrome DevTools | 可 | PNG のみ | 可 |
| Firefox のスクリーンショット ツール | 可 | PNG | 可 |
| オンライン変換 | 可 | サービスによる | 不可（あなたのセッションが見えない） |
Chrome で拡張機能を使う
何度も撮るなら、これがいちばん速い方法です。
Full page screenshot を入れたら次のとおりです。
- ページを開き、拡張機能のアイコンをクリックします。
- ページ全体を保存 の横のメニューで PNG を選びます。
- ページ全体を保存 をクリックします。拡張機能がページをスクロールし、途中で読み込まれる画像を待って 1 つのファイルにつなげます。
- 撮影後のウィンドウで、必要ならファイル名を変え、開く、クリップボードにコピー、保存のいずれかを選びます。
ファイルは 履歴 にも残ります。拡張機能は Chrome の Web ページで動きます。chrome://settings や Chrome ウェブストアなどのシステム ページは、どの拡張機能も撮れません。
Chrome で何もインストールしない場合
DevTools（F12）を開き、Ctrl + Shift + P を押して screenshot と入力し、Capture full size screenshot を実行します。Chrome が PNG をダウンロード フォルダに保存します。詳しい手順は Chrome でページ全体のスクショ にあります。
Firefox と Edge
- Firefox： Ctrl + Shift + S を押し、ページ全体の保存をクリックしてからダウンロードします。形式は PNG です（Mozilla のガイド）。
- Edge： Ctrl + Shift + S を押し、ページ全体のキャプチャを選んで保存します。
オンラインの Web ページ → PNG 変換
変換サービスはアドレスを受け取り、画像を返します。ページを開くのはサービス側のサーバーなので、見えるのは公開版だけです。あなたのアカウントのページ、カート、ダッシュボード、アクセス権のある有料コンテンツは撮れません。公開サイトのトップページには使えても、自分の注文履歴には使えません。
PNG か JPG か
PNG は文字をくっきり保ち、JPG は写真の多いページを小さなファイルにします。PNG JPG 違い をご覧ください。
よくある質問
無料で Web ページを PNG にするには？
Chrome DevTools の Capture full size screenshot、Firefox のページ全体の保存、または Full page screenshot のような無料の拡張機能を使います。
Web ページを JPG で保存できますか？
できます。拡張機能の形式メニューで JPG を選ぶか、PNG で保存して変換します。
ページの PNG に空白があるのはなぜ？
画面に入ったときだけ画像を読み込むページです。一度に撮るツールでは抜けることがあります。撮る前に一度ページをスクロールするか、画像を待つツールを使ってください。