itホームページの画面全体を印刷したいという場面がありますよね。そんな時、ホームページを開きいつものように「印刷」をクリックすればプリントアウトは可能ですが、PCで見たままのレイアウトではなく、酷いものでは文字が端に寄っていたり、フォントがまるで違っていたり、画像が表示されていないということがあります。このような表示で印刷されるのでしょうか。今回はホームページの体裁崩れをさせずに美しく印刷する方法を解説いたします。・アプリケーション印刷したホームページが体裁崩れを起こす理由もしかしたら自分の持っているPCが壊れてしまったからかもしれない、と思われるかもしれませんが、原因はPCやプリンター側ではなく、実はWebサイトの構造に原因があるのです。最近のWebサイトは“レスポンシブWebデザイン”で作られていることが主流となっています。レスポンシブWebデザインとはWebサイトのデザインを、閲覧ユーザーが使用するデバイスの画面サイズに応じて表示レイアウトを最適化する、というWebデザイン構造を意味します。これまで多くのユーザーはPCからWebサイトを閲覧していましたが、近年はユーザーの使用デバイスにスマートフォンやタブレットなどが加わり、更にはテレビやビデオゲーム機に至るまで、多種多様な画面サイズの異なるデバイスが増えています。そのため、現在はあらゆる画面サイズで柔軟に可変させることで、使い勝手を向上させるレスポンシブWebデザインに注目が集まっているのです。そのレスポンシブWebデザインという構造が裏目に出てしまい、印刷をした際には意図しないレイアウト崩れが起きてしまうのです。基本的にWebサイトはPCやスマートフォンなどのデバイスの画面上で見るものであって、ペーパーレス化を推進する現在においては、紙で印刷をすることは想定されていません。そのため、このようなWebサイトを見た目のまま印刷するためには、ほんの少しの工夫が必要なのです。なんてことはできません。今回ご紹介する「Webサイトを画面で見たまま印刷」する方法としては、お使いのインターネットブラウザの設定の解決策をご紹介いたします。Chromeの場合です。Screenshot」という機能拡張ソフトウェアを検索し、Chromeにインストールします。拡張機能とは、ブラウザに様々な機能を追加でき、使いこなすとWebサイトの閲覧がとても便利になる仕組みです。Screenshot」なら、ホームページの体裁崩れなく印刷できます。page」を選択します。画面が切り替わりますが、そこからはいつも通り印刷マークを押してプリントアウトしてください。Screenshot」という機能拡張の良いところは、複数ページにわたって印刷が可能な点です。文字が小さくなってしまうことを防ぐため、読みやすい状態での印刷が可能です。グラフィック」のチェックボックスを設定すると、背景印刷の有無を選べます。Safariの場合<拡張機能>Safari(Mac)でホームページを印刷する場合も拡張機能を追加します。Screenshot」をインストールして印刷を行ってください。Chromeでご紹介した操作方法と同じになります。>こちらも同じく、「印刷」→「ページ設定」→「背景色と背景画像を印刷」のチェックボックスにチェックを入れOKをクリックします。FireShotというホームページ全体のスクリーンショットを撮影する拡張機能を利用してみると良いでしょう。拡張機能であるFireShotをダウンロードすると、拡張機能としてFirefoxのブラウザページの右上にアイコンが表示されます。アイコンをクリックし、「ページ全体をキャプチャ」という項目が表示されるため「印刷」と書かれているボタンをクリックして印刷しましょう。プレビュー」→「ページ設定」ダイアログの「背景の色とイメージを印刷する」のチェックボックスにチェックしてOKボタンをクリックしましょう。PDF」を選択して有効にすることで体裁崩れなしの印刷が可能になります。これらは印刷プレビューでホームページが適切に表示された場合です。Chromeや他のブラウザをインストールして印刷した方が良いでしょう。Edgeか、その他のブラウザへの切り替えをオススメします。EdgeはPDFとして保存して印刷をすると画面の構成のまま印刷できるでしょう。Screenshotの方法を試すと良いでしょう。アプリケーション<スクリーンショット(アプリ)>上記でご紹介してきた印刷方法は、拡張機能や印刷設定などでしたが、アプリケーションでホームページを綺麗に印刷することも可能です。下記のようにアプリケーションを使用して、Webサイトをスクリーンショットして印刷する方法もございます。Mac・WebScreenshotWebサイトを長く一枚にしたキャプチャを印刷できます。・WebキャプWebページを丸ごとキャプチャし、画像で保存が可能です。Windows・QuickCapture日本語でわかりやすく、スクリーンショットの共有も可能です。Pro英語ですが、Webページ全体をスクリーンショットできます。※こちらのアプリケーションはMac、iPhone、iPadには対応しています。Storeをご覧ください。以上がWebサイトを画面で見ているまま印刷する方法になります。このように何かをインストールしてまで時間をかけたくない、一枚に繋がっているなどの綺麗さは求めていないという方には、PC自体のスクリーンショットで解決すると良いでしょう。<スクリーンショット(OSショートカットキー)>Macスクリーンショットを撮るには、「Shift」「command」「4」の3つのキーを同時に長押しします。3つのキーを同時に押すと切り取りカーソルが出てきます。これらはデスクトップに保存されます。キーを押すと、画面全体のスクリーンショットが撮れます。「Windows」キー+「Shift」キー+「S」キーを同時に押し、「切り取り&スケッチ」を起動させて切り取るという方法もございます。Screenshot」ソフトウェアと、アプリケーションのWebキャプの使用感が簡単で良いと思いました。プロフィール複合機のメンテナンスエンジニアとして業界歴25年以上のキャリアから、フィールドエンジニアグループのマネージャーとして事業部を統括。3万5,000回以上の複合機メンテナンス実績があり、コピー機やプリンターを隅々まで熟知。お客様が抱えられている課題やお悩みに対して真摯に向き合ってサポートすることがモットー。これまでに培った多くの知見と経験を活かした有益な情報を発信いたしますので、少しでもお役立ていただけると幸いです。半導体不足で品薄中の複合機。実は家電よりも安くコスパが良いかもしれません。コピー機で文書管理対策が完結あなたも作れるQRコード。ビジネスツールに印刷してフル活用しようコピー機のOCRでDX推進。紙資料のデータ化で検索が捗る!油断禁物!見逃しがちなコピー機の地震対策。PROGRAF誕生コピー紙が魅せる映像美。TOPプリンター・複合機リース等に関するご相談や見積依頼は無料。0120ー744−779。