はじめに
「ホームページを画面に表示されている状態のまま印刷したいのに、文字や画像の位置がずれてしまう」
「印刷すると右端が切れたり、背景の色や画像が消えたりする」と困っていませんか。
ブラウザで見たときはきれいに表示されていても、印刷プレビューを開くとページ幅が変わり、必要な部分が次の用紙にはみ出してしまうことがありますよね。
この記事では、ホームページをできるだけ表示どおりに印刷する基本手順から、レイアウトが崩れる場合に確認したい用紙サイズや倍率、背景表示などの設定まで紹介します。
ホームページをそのまま印刷する基本的な方法は？
ホームページを見たままの形に近づけて印刷するには、まずブラウザに用意されている印刷機能を使います。
ここでは、ブラウザから印刷する手順と、倍率・用紙サイズを調整する方法、背景や画像を含めて印刷するための設定を順番に説明します。
ブラウザの印刷機能を使って印刷する
ホームページを開き、Windowsでは「Ctrl＋P」、Macでは「Command＋P」を押すと印刷画面を表示できます。
ChromeやEdgeでは、右上のメニューから「印刷」を選ぶこともできます。
プリンターや印刷範囲、部数を設定し、プレビューを確認してから印刷しましょう。
倍率や用紙サイズを調整してページ内に収める
文章や画像が用紙からはみ出す場合は、印刷プレビューで倍率を90％や80％に下げて調整します。
横幅が収まらないときは、用紙サイズを確認したうえで「縦」から「横」へ変更する方法もあります。
文字が小さくなりすぎないよう、プレビューを見ながら読みやすい倍率に調整しましょう。
背景や画像も印刷する設定に変更する
ホームページの背景色や背景画像は、ブラウザの設定によって印刷されないことがあります。
ChromeやEdgeでは「詳細設定」を開き、「背景のグラフィック」にチェックを入れると印刷できる場合があります。
設定後はプレビューを確認し、必要な背景や画像が表示されているか確認してから印刷しましょう。
ホームページをそのまま印刷できないときの対処法
ホームページを印刷したときに、画面上では正常でも文字や画像の位置がずれたり、ページの一部が切れたりすることがあります。
ここでは、レイアウトが崩れる場合の倍率・余白の調整、背景や画像の印刷設定、横幅が切れる場合の用紙の向きや縮小率の変更方法を順番に説明します。
レイアウトが崩れる場合は倍率や余白を調整する
文字や画像の位置がずれる場合は、印刷プレビューを見ながら倍率を90％や80％に下げてみましょう。
余白が広い場合は「余白」を「最小」に変更すると、内容がページ内に収まりやすくなります。
文字や画像が重ならないよう、プレビューを確認しながら調整してください。
背景や画像が印刷されない場合は印刷設定を確認する
画面にある背景や画像が印刷プレビューに表示されない場合は、ブラウザの印刷設定を確認します。
ChromeやEdgeでは「詳細設定」を開き、「背景のグラフィック」にチェックを入れると表示されることがあります。
設定後にプレビューを確認してから印刷しましょう。
横幅が切れる場合は用紙の向きや縮小率を変更する
ホームページの右側が切れる場合は、用紙の向きを「縦」から「横」に変更してみましょう。
それでも収まらない場合は、倍率を90％や80％に下げて調整します。
左右が用紙内に収まり、文字も読みやすい大きさになっていることを確認してから印刷してください。
レイアウトが崩れる場合はスクリーンショットで印刷する
ブラウザの印刷設定を調整してもホームページのレイアウトが崩れる場合は、ページをスクリーンショットとして保存してから印刷する方法があります。
ここでは、ホームページ全体をスクリーンショットで保存し、保存した画像を用紙サイズに合わせて印刷する手順を説明します。
ホームページ全体をスクリーンショットで保存する
ホームページ全体を画像で保存したい場合は、ブラウザのページ全体をキャプチャする機能を使います。
Microsoft Edgeでは「Ctrl＋Shift＋S」を押し、「ページ全体をキャプチャ」を選ぶと、画面外の部分までまとめて保存できます。
内容を確認したら、画像ファイルとしてパソコンに保存しましょう。
Edge以外のブラウザでページ全体を保存したい場合は、ブラウザごとのスクリーンショット方法も確認しておくと安心です。
▶ChromeでWebページ全体をスクリーンショットする方法
保存した画像を用紙サイズに合わせて印刷する
保存したスクリーンショットを開き、プリンターやA4などの用紙サイズを設定します。
画像が用紙からはみ出す場合は「用紙に合わせる」などを選び、全体が収まるように調整しましょう。
最後にプレビューで上下左右が切れていないことを確認してから印刷します。
スクリーンショットではなく、ホームページ自体をパソコンに保存して残したい場合は、保存方法の違いも確認してみてください。
▶ホームページを丸ごとダウンロードする方法は？サイト全体を保存する手順を解説
縦長のホームページを読みやすく印刷する方法
縦に長いホームページをそのまま用紙へ収めようとすると、縮小されて文字や画像が見づらくなることがあります。
ここでは、縦長のホームページ全体を画像として保存する方法と、文字が小さくなる場合に複数ページへ分けて読みやすく印刷する方法を説明します。
ページ全体を1枚の画像として保存する
縦長のホームページは、ブラウザのページ全体をキャプチャする機能を使うと1枚の画像として保存できます。
Microsoft Edgeでは「Ctrl＋Shift＋S」を押し、「ページ全体をキャプチャ」を選ぶと、画面外の部分までまとめて取得できます。
内容を確認したら、画像ファイルとしてパソコンに保存しましょう。
文字が小さくなる場合は複数ページに分けて印刷する
縦長の画像をA4用紙1枚に収めると文字が小さくなるため、読みにくい場合は複数ページに分けて印刷します。
画像を上から順番に区切り、それぞれが用紙に収まるよう印刷範囲を調整しましょう。
プレビューで文字の大きさを確認してから印刷すると安心です。
まとめ
ホームページをきれいに印刷するには、まずブラウザの印刷プレビューを確認し、倍率や用紙の向き、背景の表示などを調整することが大切です。
設定を変えてもレイアウトが崩れる場合は、ページ全体をスクリーンショットとして保存してから印刷する方法もあります。
縦長のページを無理に1枚へ収めると文字が小さくなるため、読みやすさを優先して複数ページに分けるのがおすすめです。
印刷前にプレビューを確認し、内容が切れず見やすい状態になっているか確かめてから印刷しましょう。
