ホームページのデザインを崩さずに印刷・プリントアウトする方法をご紹介

「ホームページを印刷・プリントアウトするとレイアウトが崩れてしまう」
「さっきまでパソコンで見ていたものと違うデザインで印刷されてしまう」

ホームページのプリントアウトでお悩みではありませんか？

・補助金、助成金申請の際の提出書類
・修正チェック時に社内確認用

ホームページは印刷物ではないものの、印刷をしなければならないことも出てくると思います。

しかし、そのままプリントアウトをすると、レイアウト崩れのデザインで印刷されることが多々あります（その理由は専門的になるので、ここでは割愛いたします）。

今回の記事では、ホームページを完璧な状態で印刷する方法をご紹介します。

Googleクロームでの設定方法

Googleクロームの場合、最初に「拡張機能」を追加させる必要があります（無料で使えます）。
拡張機能とは、「Googleクロームを強化・パワーアップさせる追加プログラム」です。

「ウェブページ全体をスクリーンショット-FireShot」という拡張機能をGoogleクロームに追加します。

次に印刷したいページへアクセスし、右上にある「S」マークをクリックします。
この「S」マークは、先ほど追加した拡張機能のボタンです。

クリックすると

・ページ全体をキャプチャ
・表示部分をキャプチャ
・選択範囲をキャプチャ

と表示されますので、「ページ全体をキャプチャ」を押します。

すると拡張機能が自動でページスクロールし、画像化が開始されます。

画像化が完了すると下記のようなページになります。

印刷ボタンを押し、印刷を開始します。

Microsoftエッジの場合は、Googleクロームとは異なり、拡張機能は必要ありません。
最初からページの画像化機能が搭載されているんですよね。

右上の設定ボタンを開き、Webキャプチャをクリックします。

Webキャプチャをクリックすると自動でページスクロールし、画像化が開始されます。

画像化が完了すると下記のようなページになります。

保存ボタンを押し、画像をパソコンへ保存します。

保存した画像を使い、印刷をします。

レイアウトを崩さずにホームページを印刷する方法をご紹介しました。

基本的に、ホームページはインターネット上で快適に見えるよう設計するものであるので、「印刷」とは相性がよくない場合があるんですよね。

ホームページをそのまま印刷するのではなく、まずは印刷用の画像を作成する。

その方法で確実にホームページを印刷することができます。

今回ご紹介した方法は全て無料でできますので、ホームページの印刷が必要な方は是非トライしてみてください。

この記事を書いた人

タク制作部長

株式会社Cyber Cats 制作部長。2011年よりWebサイト制作業界に入り、日々デザインとにらめっこしています。美しい文字組みに関心があり、どうしたら相手に伝わるデザインができるか切磋琢磨する日々です。奇抜な料理とロック好き。
詳しいプロフィールはこちらから

SNSでフォローする