ガイド

WebページをPDFで「見たまま」保存する方法 — 崩れ・画像抜け・切れの完全対策

Ctrl+Pは便利ですが、画像が白紙になったり本文が端で切れたりしがちです。WebページをPDF保存する3つの方法 — ブラウザ標準の印刷ダイアログ、オンライン変換サイト、拡張機能 — を比較し、各々がどこで壊れるのか、そして「画面の見たまま」に仕上げるコツまで正直に解説します。

WebページをPDFで「見たまま」保存する方法 — イラスト

WebページをPDF保存する定番は、Ctrl+P(MacはCmd+P)を押して保存先をPDFに保存に選ぶ方法です。急場ならこれで回ります。ただ「実際のページのように見える」コピー — 画像は揃っていて、何も切れていない — が必要なら、印刷レイアウトではなく画面レイアウトをスナップショットするブラウザ拡張を使うべきです。

後半の一文がこの記事の要です。印刷テクニックは皆知っていますが、あなたがここを読んでいるのは、結果がしばしば「おかしい」からです。このガイドでは、WebページをPDFに変換する3つの現実的な方法 — 標準の印刷ダイアログ、変換サイト、拡張機能 — を扱います。そして各手法がどこで壊れるかも隠しません。

印刷ダイアログでWebページをPDF保存する手順

ブラウザ標準の方法は、Chrome・Edge・Firefox・Safari、そしてどんなOSでも、無料で使えます。

  1. ページを開き、読み込みを終えさせます。
  2. Windows/LinuxならCtrl+P、MacならCmd+P。(Chromeではメニュー→印刷と同じです)
  3. 送信先をPDFに保存に設定します。
  4. 詳細設定で、プレビューが白飛びしていたら背景のグラフィックをオンにし、文字が端で切れていたらスケールを少し下げます。
  5. 保存を押して保存先を選びます。

1カラムでほぼ文字だけのシンプルな記事ページなら、これで本当に大丈夫。これがデフォルトであるべきで、インストールもアップロードも不要、自分のブラウザセッション内で処理されるのでログイン中のページも扱えます。

問題はリアルなページで始まります。次の4つの故障モードが本当に頻繁に出ます。

  • レイアウトが崩れる。 見ていたデザインではなく「印刷用」スタイルで描画され、カラムが潰れ、余白がおかしくなる。
  • 画像が白紙になる。 まだ読み込まれていなかった画面下の要素が、空箱として印刷される。
  • ゴミまで映り込む。 クッキーバナー、ニュースレターのポップアップ、チャットバブルが堂々と中央に出現する。
  • 内容が切れる。 広い表、コードブロック、固定幅セクションがページの端で刈り取られる。

印刷プレビューが正しく見えていれば、それで出力してOK。見えが正しくなければ、余白をどういじっても安定して直りません — 問題は設定ではなく、ページの「再構築され方」そのものにあるからです。

PDFが途切れたり壊れたりするのはなぜか

印刷は、あなたが見ているページをコピーしないからです。ブラウザはページを紙用に組み直してからそれを出力します。この組み直しで、3つのことが崩れます。

印刷用スタイルシート。 多くのサイトは「印刷ときだけ適用される第2のレイアウト規則」を持っています。それらはたいてい何年も前、サイトの簡素な頃に書かれたものです。Ctrl+Pを押した瞬間、あなたが見ていたページはこの印刷版にすり替わります — 古くなっていたり中途半端だったりすれば、PDFはその欠点を全部引き継ぎます。

遅延読み込み。 モダンなサイトは画像を最初から全部は読み込まず、スクロールで近づいたときに読み込みます。印刷ダイアログはスクロールしません。つまりスクロールで通り過ぎなかった場所の画像は、キャプチャ時点でまだ「存在しない」ため、白紙かグレーのプレースホルダーとして印刷されます。

ビューポート依存のレイアウト。 ページはブラウザ幅 — おそらく1,400px — に合わせてサイズを決めます。紙はもっと狭い固定キャンバスです。しなやかな要素は組み直されますが、固定幅の要素(表・埋め込み・コードブロック)はされません。縮小できないものは印刷可能境界でスライスされます。「WebページがPDFで途切れる」問題の正体は、これを一文で書いたものです。

ポップアップやクッキーバナーは4つ目、もっと間抜けな原因です。オーバーレイも単なるページ要素なので、先に消しておかないとそのまま印刷されます。

これらの対策はすべて同じ発想です。ブラウザに紙用の再構築を頼むのではなく、画面レイアウト — あなたのブラウザが実際に描画しているページ — をキャプチャするのです。

オンラインのWebページ→PDF変換サイトは使うべき?

変換サイトはURLを貼り付けてPDFをダウンロードするだけで、インストールは何も要りません。公開ページを1回だけ撮りたい場面 — 例えば拡張機能を追加できない会社のPC — では、それなりの合理性があります。

ただし、明確なデメリットが3つあります。

  • ログインの向こう側が見えない。 変換サーバーはURLを自分の側から取りに行くだけで、あなたのセッションにはアクセスできない。だからマイダッシュボードも注文確認も会員限定コンテンツも、ログイン画面しか返ってきません。
  • URLを第三者に送信することになる。 機微な内容でこれは明確に「なし」です。
  • 無料プランは広告ぎっしりで、仕上がりはサイトによってまちまちです。

使えるのは「公開・非機微・単発」のキャプチャまで。それ以外は、キャプチャを自分のブラウザの中に留めてください。

「実際のページと同じ見た目」のPDFを保存するには

Marqly拡張機能を使ってください。ここの「PDFに保存」は、ページがあなたの画面で実際に見えている姿のまま — 印刷レイアウトではなく画面レイアウトを — キャプチャするので、上記の故障モードを全部横でかわします。

  1. Marqly拡張機能をインストール(無料)。
  2. 保存したいページでMarqlyアイコンをクリックし、保存ダイアログを開く。
  3. ダイアログ内の**⋯メニューを開いてPDFに保存**を選択。
  4. 必要なら形式とレイアウトのオプションを選ぶ(デフォルトのままでもOK)。
  5. PDFはあなたのマシンにダウンロードされ — 同じ瞬間にそのページはMarqlyライブラリにもブックマークされます。

内部では先にページ全体を事前スクロールするので、遅延読み込みの画像も揃い切ってからキャプチャが始まり — 白箱は出ません。そして印刷スタイルシートではなく画面描画のスナップショットなので、広いレイアウトも「見たまま」通過し、端で切られません。

正直な但し書きを2つ。最高精度のキャプチャが動くのはChromeとEdgeで、他のブラウザでは拡張機能は標準の印刷フローにフォールバックするので、結果はCtrl+Pと同じになります。もう1つ、処理はすべてブラウザ内のローカルで完結し — ページはどこにもアップロードされません — つまりログインの向こうでも普通に動きます。

つい過小評価されがちなポイントは、PDFとブックマークがセットで移動するということです。Downloadsフォルダに放置されたPDFは、文書が死にに行く場所です。Marqlyでは、凍結コピーとライブリンクが同じライブラリエントリに揃うので、6か月後にどちらからでも辿り着けます。

どの方法を選ぶべき?

印刷ダイアログ 変換サイト Marqly拡張機能
実物のページに似るか ⚠️ 印刷レイアウトで崩れがち ⚠️ 当たり外れが大きい ✅ 画面レイアウト(Chrome/Edge)
遅延読み込み画像も入るか ❌ 画面下は白紙 ⚠️ サイト次第 ✅ 先に事前スクロール
ログイン下でも動くか ✅ はい ❌ いいえ ✅ はい
ライブラリと一体化するか ❌ 孤立したファイル ❌ 孤立したファイル ✅ 自動的にブックマーク

短縮版:シンプルな記事ページには印刷ダイアログ。自分以外が管理するPCで公開ページを単発なら変換サイト。PDFが「実際に見たページ」のようにあるべきなら拡張機能です。

ブックマークだけで済まず、PDF保存すべきなのは?

「ある瞬間」を凍結したいなら、PDFを保存してください。ブックマークはライブページを指すだけで、ページは変われるし、ペイウォールに変わることも、消えることすらあります — リンクロットは毎年、Webの相当な割合を静かに食べていきます。PDFは「保存したあの日、ページがそう書いていた」ことの証拠です。

だからこそPDFが正解になるのは:

  • 領収書、請求書、注文確認
  • 予約・ホテル・航空券の詳細
  • あとで引用する必要が出るかもしれない規約・ポリシー・価格ページ
  • 編集・削除されうると予感しているもの

それ以外 — 記事、参考文献、リサーチ — はブックマークのほうがマシです。検索可能で、最新のまま残ります。さらに良いのは、ブックマークして本当に大事な部分にだけハイライトする方法で、Webページならどこでもハイライトする方法に手順があります。洞察だけ残せて、ファイルの溜まり場を作りません。保存の溜まり場がほぼ長文読解なら、PDFフォルダよりまともなあとで読むアプリの方が桁違いにマシです。

長く持つワークフローはこれです。デフォルトはブックマーク、掛け替えのないものだけPDF、両方をまとめて検索できる1か所に置く — これがブックマークの整理術の地味で確かな核心であり、ゴミ箱引き出しを作らずにセカンドブレインを構築するための、最初の正直な一歩です。

ページを保存し、リンクも手元に残す

Ctrl+Pはいつでもそこにいて、素朴な記事ならそれだけで十分です。ただ「まさにこれ」という保存が必要になる日が来ます — 画像は揃い、何も切れず、クッキーバナーが写真撮影に乱入していないコピー。そういう時に印刷ダイアログは間違った道具です。

無料のMarqly拡張機能をインストールして、ページ保存時に⋯メニューを開き、PDFに保存を押してください。凍結コピーはマシンに、ライブリンクはライブラリに届き、何もブラウザの外へは出ません。


関連:ブックマークを「本当に見つかる」形に整理する方法 ・ 2026年ベストなあとで読むアプリ9選

よくある質問

Webページを無料でPDF保存するには?
WindowsならCtrl+P、MacならCmd+Pを押して、送信先を「PDFに保存」にし、保存をクリックするだけです。主要ブラウザならどれも標準搭載で、費用はかかりません。シンプルな記事ページならこれで十分です。ただしデザインが凝ったページではレイアウト崩れ・画像の白紙・内容の切り落としが起きやすいです。ブラウザは「画面で見ている状態」ではなく「印刷用に再構築した状態」を出力するからです。
WebページをPDF保存すると内容が途切れるのはなぜですか?
印刷ダイアログは、あなたの画面ではなく「紙」のためにページを再レンダリングするからです。多くのサイトは印刷専用のスタイルシートを別途持っており、固定幅の要素はページ幅に合わせ込まれないため、印刷可能領域より広いものは端で刈り取られます。印刷レイアウトではなく画面レイアウトをキャプチャするツール — ChromeとEdgeでのMarqly拡張機能など — はそもそもこの問題を起こしません。
保存したPDFで画像が白紙・欠落するのはなぜ?
遅延読み込み(Lazy Loading)が原因です。多くのモダンなサイトは、スクロールで近づいたときだけ画像を読み込みます。印刷ダイアログはスクロールしないので、画面下の未読込画像はキャプチャ時点で存在せず、白紙やグレーのプレースホルダーになります。簡単な対処は、印刷前にページ最下部までスクロールしておくこと。Marqlyの「PDFに保存」は事前スクロールを自動で行うので、遅延読み込み画像も揃った状態でキャプチャされます。
ログインが必要なページもPDF保存できますか?
できます。ただし「あなたのブラウザの中で」キャプチャすることが条件です。印刷ダイアログもブラウザ拡張も、ログイン中のセッションで表示されているそのままを扱えます。オンラインの変換サイトではできません — 自分たちのサーバーからURLを再取得するだけなので、ログイン前のページかログイン画面しか得られません。プライベートなものは、すべてローカルで完結させてください。
Chromeで、崩れずに「見たまま」のPDFを保存するには?
Marqly拡張機能をインストールし、対象ページで保存ダイアログを開き、⋯メニューから「PDFに保存」を選んでください。Chromeが実際に描画している画面レイアウトをキャプチャし、画像がロードされるよう事前スクロールしたうえで、PDFをあなたのPCにダウンロードします — 何もアップロードされません。同時にページがブックマークされるので、ライブリンクと凍結コピーが同じ場所に揃います。

ホーム · Marqly