あまめも

「サイトをそのままの状態で印刷したい!!」そんなときありませんか??

こんにちは! あますた(@amaguristar)です。
今年の3月に浅草にハンバーグ&ステーキのお店を出店。表の看板にHPを印刷したものを貼ろうと思い印刷ボタンを押した所、レイアウトが崩れる。「これじゃあちょっと貼れないな…」と、どうしようか悩んで色々検索。Chromeの拡張機能「Awesome Screenshot」が便利との情報を入手しましたので、その紹介です。

 

Awesome Screenshot

結論から言うと、ブラウザが「Chrome」限定の対処法ですが、かなり便利です! 自分はもともと「Chrome」を使用していたので何の問題もなく使用。一応ダウンロードのリンクを貼っておきます! (※ダウンロードは自己責任でお願いします)

リンク:「Chromeダウンロードページへ」

拡張機能を使用しないでプリントしようとすると

現状、サイトを普通に印刷しようとするとこうなります。

表示がガタガタ。

プリントしようと思った時にこの状態を見た時は「え?」って感じです。「全然違うじゃん!」って所からのスタート。単純に焦りました。「なんかうまい方法あるだろう?」とサクッと検索。「Awesome Screenshot」がヒット。速攻でChromeに追加です。

Chrome拡張機能「Awesome Screenshot」ダウンロード

Chromeの拡張機能をダウンロードするにはまず「Chrome ウェブストア」へ。目的の拡張機能を探します。まずは、グーグルの拡張機能が置いてあるサイトにジャンプ。リンクを下に貼っておきます(※ダウンロードは自己責任でお願いします)。

リンク:「Chrome ウェブストア」

左上の検索Boxに「Awesome Screenshot」と入力!

左上にある検索boxに目的の「Awesome Screenshot」と入力。すぐに検索結果が表示されるので、「Chromeに追加」ボタンをポチッと。ポップアップで「追加しますか?」的な事を聞かれますが「拡張機能を追加」ボタンを選択。

成功すると「カメラのレンズ?」のアイコンが右上の方に表示されます。

追加に成功するとChromeの右上にカメラのレンズのようなアイコンが表示されます。ちなみにこの拡張機能のON・OFFは、

「Chromeの設定」→「その他のツール」→「拡張機能」

Chrome右上の「・・・」アイコン(設定)→「その他のツール」→「拡張機能」と進んだ画面で設定可能。「特に必要ないな」「普段は邪魔だな」って方はここで削除するなりoffにするなり直ぐにできます。

早速使ってみる

使い方も簡単。「このサイト印刷したい!」って時に先ほどのカメラのレンズアイコンを押すだけ。

印刷したいサイトで「カメラのレンズアイコンを押すと」色々なスクリーンショットの撮影方法が選択可能。

主に使用するのは2種類。

「Capture entire page」 ・・・ サイトのページを丸ごとキャプチャ
「Capture selected area」 ・・・ サイトの一部をキャプチャ

サイトをそのままキャプチャしたい場合は「Capture entire page」を選択。一部分だけで良いなら「Capture selected area」を選択後マウスで範囲を選択。

新しくタブでキャプチャした画面が表示される。

キャプチャした画面が新しいタブで表示されるので、確認。この画面で簡単な編集は可能です(文字を入れる矢印を入れる等)。確認・編集が終わったら右上にある『Done』を選択。

保存するなり、印刷するなりお好みで。

右側にある「プリンターアイコン」を押すと印刷可能。プリンターの機能で「pdf形式」で保存もできるので便利。当然無料なので、ぜひ一度使ってみてください。

関連記事

  1. なにこれ?チョ〜切れるナイフ『龍泉刃物 ステーキナイフ』が素晴ら…

  2. 高速のSAで見つけた『フリスクマスク』が思った以上にFRISKで…

  3. [甘]変換が面白い!キーボードアプリ「Simeji」にハマった!…

  4. なにこれ?!めっちゃ面白い!!『めしクエ』にハマった!!

  5. [甘]久し振りにやると面白い!『ドラゴンクエスト』

  6. [甘]iPhoneでブログを書くのに便利だって聞いたので『ワイヤ…

こんなメモもありますよ♪

Twitter

ページ上部へ戻る