むねさだブログ
  • プロフィール
  • グルメ
  • ガジェット
  • カメラ・写真
  • 子育て
  • 旅行
  • イベント
  • お問い合わせ
  1. ホーム
  2. サービス・アプリ

Webサイト全体をレイアウトそのまま印刷したい!という人はChrome拡張使うと良いぞ!

2016/01/13
  • ツイートする

    24

  • シェアする

  • はてブする

    11

スクリーンショット_011316_024635_PM

ブログ歴も、早いもので8年以上が経過しました。むねさだ(@mu_ne3)です。

ブログやネットのニュースなど、印刷して人に見せたい!ということってありますよね?

ただ、なぜかブラウザの「印刷」を押すと、通常表示している見た目と違ってしまい、ヤキモキしちゃいます。

これ、なんとか改善したい!と思って調べてみた所、Chromeの拡張機能で良さそうなものがありましたのでご紹介したいと思います。

SPONSORED LINK
SPONSORED LINK

Webサイトを印刷しようとするとレイアウトやデザインが崩れる

まず、こちらをご覧ください。

PCで見た、私のブログです。
スクリーンショット_011316_123924_PM

タイトルがあって、その下にプロフィール・カメラ写真・ガジェット・グルメ、などのカテゴリ表示。

その下にカテゴリのパンくず表示がありつつ、記事タイトル。その下に更新日付とSNSボタンがあって、本文(ここで言うと写真)に入ります。

それが、印刷しようとブラウザの「印刷」を押してみると、こんな具合に…。
スクリーンショット_011316_123855_PM

カテゴリは横並びだったのに縦並びに。パンくずも縦並び。左上にはMENUという表示がなぜか表示されたり。

タイトルと日付の後には、無駄に改行されたSNSボタンが表示され、1枚目に写真さえ表示されません。

これでは、困りますよね…。

 

Chromeの拡張機能「Awesome Screenshot」

ということで今回ご紹介しますのは、Webサイトをみたまんまの表示で印刷することができる便利な拡張機能。
スクリーンショット_011316_122841_PM

ブラウザのChromeを使っている人限定になりますが、こちらのリンクから拡張機能を追加してください。

この拡張機能を使うと、やってることとしては、
1.Webサイトを見えていない部分含めて1枚の画像としてスクリーンキャプチャする

2.(必要ならば)注釈をつけたりボカシを入れたりする

3.印刷はプリントも可能だし、PDFとして保存も可能

ということで、具体的な使い方の紹介をしていきます。

 

「Awesome Screenshot」の使い方

拡張機能を入れると右上にカメラのレンズのようなアイコンが表示されます。
スクリーンショット_011316_124446_PM

これが、「Awesome Screenshot」です。

印刷したいWebサイトをChromeに表示させて、この「Awesome Screenshot」を押すと、このような表示が現れます。
スクリーンショット_011316_125216_PM

表示されている領域だったり、エリアを選択してキャプチャもできるのですが、今回はスクロール領域含めてWebサイト全体を選びます。

こちらのこれです!
スクリーンショット_011316_125450_PM

 
すると、Cheromeの別タブでこのような画面が表示されます。
スクリーンショット_011316_125618_PM

これ、要はこの時点でWebサイトが上から下までマルっとスクリーンキャプチャとして撮られてるわけ。
スクリーンショット_011316_010142_PM

この「Awesome Screenshot」の面白い所は、この状態で注釈を付けたり、線をひいたり、ぼかしを入れたりという加工も出来ちゃうんです。
こんな感じで。
スクリーンショット_011316_011432_PM

なので、記事の査読に使ったり、サイトの修正依頼をする時にも便利なんです!

 

編集が終わったら「Done」で印刷or保存

一通り編集が終わったら(というか印刷だけなら特に編集不要で)、右上のDoneボタンを押します。

するとこのような画面に切り替わります。
スクリーンショット_011316_014048_PM

後は、右側中央にある「Local Save」の左側のアイコンを押すと画像として保存。
右側のボタンを押すと、印刷することができます。
スクリーンショット_011316_014409_PM

ここで、左側の選択肢から「PDFに保存」を選ぶと後から印刷できる状態のA4書類の束として保存してくれるのでとても便利です。

無事、見た目そのままのPDFで保存することが出来ました!
PDF

あとはこれをプリントアウトすれば、見た目やレイアウトそのままで印刷することが可能になります。

 

わんぱくブロガー的まとめ

ブログを書いていると、どうしても「印刷して人に見せる」ことがチラホラとあるんですよね。

そういう時に、この「Awesome Screenshot」を使うと、イメージ通りにブログを見せることができるので重宝しています。

ただし、懸念点としては、
・写真もページ途中で見切れて(次ページに続きが)印刷される
・文字も同様なので、査読用だと少し読みづらくなる箇所が発生することがある
・画像をPDF化しているので、文字検索などができない

という感じでしょうか。

それでもかなり便利だと思いますので、気になっていた人は是非お試しください。

あ、もちろん無料です。
「Awesome Screenshot」
 

合わせて読みたい [関連記事]

SPONSORED LINK
SPONSORED LINK
  • ツイートする

    24

  • シェアする

  • はてブする

    11

いいね!を押して
最新記事をチェック

おすすめ記事

プロフィール

munesada

むねさだ(mu_ne3)です。
ワクワク感で笑顔を拡げる、”わんぱくブロガー”。

食べ物・ガジェット・カメラ・旅行・生活雑貨など興味があるものを幅広くご紹介してます。
iPhone11Pro・MBP13・EOS 5D4・OM-D E-M1mIII・GoPro7・THETA Vユーザ。
7歳になる娘がいます。パパ目線での子育てグッズの紹介も。

@mu_ne3さんをフォロー
くわしいプロフィール
Yahoo!で動画配信中

ブログの更新情報

follow us in feedly
@munesada_blogさんをフォロー
むねさだブログ

Facebookページへの「いいね」をして頂けると毎日の更新情報がFacebookで見れます。

人気記事

    • 日産セレナ(C27)のリモコンキー電池交換!電池の種類と開ける際のコツを教えるぞ!

    • 積雪時に子どもと一緒に使いたい!アヒルが量産できるアイテムが最高だぞ!

    • 知ってた?Facebookで「過去の投稿」をカンタンに探す方法を教えるぞ!

    • Uber Eatsリュックの詳細サイズやその他の使い方を紹介するぞ!

    • 7倍サイズで11倍濃いキャラメルコーンがセブンイレブンで発売だぞ!

関連記事

デジカメで撮った写真をすぐにスマホで確認できる「Eye-Fi mobile X2 4GB for docomo」発表イベントに行ってきたぞ!
ガジェット

デジカメで撮った写真をすぐにスマホで確認できる「Eye-Fi mobile X2 4GB for docomo」発表イベントに行ってきたぞ!

【コードあり】メルペイで素敵なキャンペーン開催中!友達紹介でお互い1000ポイントもらえるぞ!
サービス・アプリ

【コードあり】メルペイで素敵なキャンペーン開催中!友達紹介でお互い1000ポイントもらえるぞ!

Googleドライブの容量が無料で+2GBもらえるキャンペーン中だぞ!
サービス・アプリ

Googleドライブの容量が無料で+2GBもらえるキャンペーン中だぞ!

新製品であるAdobe Creative Cloud2014について聞いて来たぞ!
サービス・アプリ

新製品であるAdobe Creative Cloud2014について聞いて来たぞ!

6月のLINE PayとPayPayキャンペーンまとめ!条件を比較してみたぞ!
サービス・アプリ

6月のLINE PayとPayPayキャンペーンまとめ!条件を比較してみたぞ!

サービス・アプリの記事をもっと読む

新着記事

山梨観光「富岳風穴」は、青木ヶ原樹海の豊かな緑に囲まれた天然の冷蔵庫だぞ!
旅行

山梨観光「富岳風穴」は、青木ヶ原樹海の豊かな緑に囲まれた天然の冷蔵庫だぞ!

山梨観光「鳴沢氷穴」!真夏でも氷がある天然の冷蔵庫!しゃがんで進む洞窟でワクワクだぞ!
旅行

山梨観光「鳴沢氷穴」!真夏でも氷がある天然の冷蔵庫!しゃがんで進む洞窟でワクワクだぞ!

【ドラクエウォーク】ついに13章追加!新装備はKM2装備で激ツヨだぞ!
ゲーム

【ドラクエウォーク】ついに13章追加!新装備はKM2装備で激ツヨだぞ!

【ドラクエウォーク】13章がついに登場!新コンテンツや新装備も発表だぞ!
ゲーム

【ドラクエウォーク】13章がついに登場!新コンテンツや新装備も発表だぞ!

もっちりあま〜い!「ミルキーアイスモナカ」がめちゃくちゃ美味しいぞ!
グルメ

もっちりあま〜い!「ミルキーアイスモナカ」がめちゃくちゃ美味しいぞ!

新着記事をもっと読む

カテゴリ

  • イベント
    • ブロネク
  • ガーデニング
  • ガジェット
    • Android
    • iPhone
    • Mac
    • Windows
    • おもいでばこ
  • カメラ・写真
    • カメラ
      • 360度カメラ
      • Canon
      • OLYMPUS AIR
      • OM-D
    • 写真
  • グルメ
    • お店
      • 六本木
      • 渋谷
      • 溝の口
      • 蒲田
    • カップ麺
  • ゲーム
    • Ingress
  • サービス・アプリ
    • Amazon
    • 格安SIM
  • デザイン・アート
  • ブログカスタマイズ
  • ブログについて
  • ライフスタイル
  • 健康・ダイエット
  • 子育て
  • 家具・家電
  • 文具
  • 旅行
    • ロンドン
  • 書籍
  • 未分類
  • 生活雑貨
  • 自転車・MTB
  • 車
  • 釣り
  • 食玩・おもちゃ
  • 飲み物
    • お酒
      • 日本酒
agilemedia
bnr_authorized_brown_600x118
15301346_1142448849144320_1929483738_n
むねさだの欲しいものリスト公開中!
むねさだブログ
  • ホームに戻る
  • プロフィール
  • お問い合わせ

© 2023 むねさだブログ

閉じる

  • トップページへ戻る
  • プロフィール
  • お問い合わせ

カテゴリ

  • イベント
    • ブロネク
  • ガーデニング
  • ガジェット
    • Android
    • iPhone
    • Mac
    • Windows
    • おもいでばこ
  • カメラ・写真
    • カメラ
      • 360度カメラ
      • Canon
      • OLYMPUS AIR
      • OM-D
    • 写真
  • グルメ
    • お店
      • 六本木
      • 渋谷
      • 溝の口
      • 蒲田
    • カップ麺
  • ゲーム
    • Ingress
  • サービス・アプリ
    • Amazon
    • 格安SIM
  • デザイン・アート
  • ブログカスタマイズ
  • ブログについて
  • ライフスタイル
  • 健康・ダイエット
  • 子育て
  • 家具・家電
  • 文具
  • 旅行
    • ロンドン
  • 書籍
  • 未分類
  • 生活雑貨
  • 自転車・MTB
  • 車
  • 釣り
  • 食玩・おもちゃ
  • 飲み物
    • お酒
      • 日本酒