仕事や勉強の資料になりそうなホームページを印刷したい時があります。そんな時いざ印刷をしてみると見たまま印刷したかったのにレイアウトがおかしい、見にくい・・・という経験をされたことはありませんか?
![](http://cdn2.aprico-media.com/production/imgs/images/000/075/315/original.jpg?1634247937)
どうしてレイアウトが崩れるの?レイアウトが崩れないようにしたい・・・というユーザーの方の為に今回は、Webページを見た目そのままで印刷する方法を紹介します。
Webページを見た目そのままで印刷する方法
それではWebページを見た目そのままで印刷する方法を解説します。簡単にできるのでぜひお試しください。
1.ブラウザの設定を変更する
印刷プレビューでみた画面と違う・・・という時はそれぞれのブラウザの印刷の設定のを少し変更する必要があります。
今回はInternet ExplorerとChrome、Fire foxの設定方法をそれぞれ解説します。
Internet Explorer
まずInternet Explorerです。
![『印刷』をクリック](http://cdn2.aprico-media.com/production/imgs/images/000/075/303/original.jpg?1634177969)
するとメニューが表示されるので『印刷』をクリックします。
![『その他の設定』をクリック](http://cdn2.aprico-media.com/production/imgs/images/000/075/304/original.jpg?1634178040)
『印刷』が開いたら『その他の設定』をクリックします。
![『背景のグラフィックス』にチェックを入れて印刷する](http://cdn2.aprico-media.com/production/imgs/images/000/075/305/original.jpg?1634178150)
Chrome
次はChromeです。
![『印刷』をクリック](http://cdn2.aprico-media.com/production/imgs/images/000/075/306/original.jpg?1634178246)
するとメニューが表示されるので『印刷』をクリックします。
![『詳細設定』をクリック](http://cdn2.aprico-media.com/production/imgs/images/000/075/307/original.jpg?1634178267)
![『背景のグラフィック』にチェックを入れて印刷する](http://cdn2.aprico-media.com/production/imgs/images/000/075/308/original.jpg?1634178552)
Fire fox
最後はFire foxです。
![右上の3本線をクリック](http://cdn2.aprico-media.com/production/imgs/images/000/075/309/original.jpg?1634180470)
![『印刷』をクリック](http://cdn2.aprico-media.com/production/imgs/images/000/075/310/original.jpg?1634180973)
![『詳細設定』をクリック](http://cdn2.aprico-media.com/production/imgs/images/000/075/311/original.jpg?1634181101)
![『背景画像を印刷する』にチェックを入れて印刷する](http://cdn2.aprico-media.com/production/imgs/images/000/075/312/original.jpg?1634181724)
2.拡張機能を使う
ブラウザごとに提供されている拡張機能を使ってWebページをPDF化するという方法もあります。
それぞれのブラウザで使える拡張機能を下記で紹介します。
Internet Explorer
まずはInternet Explorerです。Internet ExplorerはAcrobat がパソコンにインストールされているユーザーの方は『Adobe Acrobat Create PDF Toolbar』を、Acrobat Reader をインストールされているユーザーの方は『Adobe PDF』を選択して有効にすれば使えます。
Chrome
Chromeは『Awesome Screenshot』という拡張機能がおすすめです。現在表示されていないWebページもスクリーンショットを撮ることができます。また、編集などもできるので便利です。
Firefox
最後はFirefoxです。FirefoxはAdobe Create PDF拡張機能を有効にすれば利用できます。
3.ブラウザのPDF化機能を使う
Internet ExplorerとChromeの印刷機能にPDF化してくれる機能があります。ただページごとの切れ目がおかしい時もあるので、プレビュー画面で確認してから印刷してください。
![『送信先』のプルダウンを『PDFに保存』にする](http://cdn2.aprico-media.com/production/imgs/images/000/075/313/original.jpg?1634207528)
![『プリンター』のプルダウンの『PDFとして保存』を選択する](http://cdn2.aprico-media.com/production/imgs/images/000/075/314/original.jpg?1634208748)
4.PDF変換ツールを使う
PDF変換ツールを使えばURLを入力するだけでPDFファイルに変換できます。初心者の方におすすめです。