販促担当者必須アイテム|Webpage Screenshot (ウェブページスクリーンショット)

20150303

またもやスマホの調子が悪い岡田です。そろそろ買い換えようかと思っていますが、どの機種にしようか、決まらないのです。 やっぱりスマホはAndroidがいいと思ってしまうのです。。。誰かオススメ教えてください。

今日は、お客様から以前お問い合わせがあった、「ホームページを印刷するときにレイアウトが崩れちゃうんですが。。。」にお答えします。

ホームページを普通に印刷するとレイアウトが崩れたり、印刷されない画像があったり、無駄に長くなったりするときありますよね?

そんなときには、Chrome拡張機能のWebpage Screenshot(ウェブページスクリーンショット)を使うと便利です。

Chrome(クローム)って何?と思った方は、こちらを読んでくださいね。>>>「ブラウザには種類があるんです!メインブラウザの種類とダウンロード方法

目次

  • Webpage Screenshot(ウェブページスクリーンショット)て何ができるの?
  • どうやって使うの?
  • まとめ

Webpage Screenshot(ウェブページスクリーンショット)て何ができるの?

Chrome拡張機能なので、Chromeでホームページを見ている時にしか使えません!パソコンは、Windowsでも、Macでも使用可能です。

ざくーっと何ができるかを説明すると、

1.表示されたホームページを今自分が見ている通りにスクリーンショットがとれる(画面コピーができる)
2.スクロールしないと表示されない部分も含む、そのページ全体のスクリーンショットがとれる
3.1や、2にコメントや、印などがつけられる
4.1、2、3を様々な形式で保存、出力(印刷)できる。主な保存形式:jpg、pdf、webページ(保存urlを取得できる)
5.自分のパソコンに保存することはもちろん、そのまま、リンクを人に送ることができる。

どうやって使うの?

ダウンロードして Chromeに追加します。ここからダウンロードできます。Webpage Screenshotダウンロード

ダウンロードすると、ブラウザ右上にこのマークがつきます。

1

印刷やスクリーンショットをとりたいサイトを表示させてクリックする

Webpage Screenshotのマークをクリックするとメニューが出てきます。いくつかメニューがありますが、今回は2つに絞って紹介します。

2「見たままをスクリーンショット」

そのままですが、今ブラウザに表示されている部分だけのスクリーンショットをとります。

「ページ全てをスクリーンショット」

これがとくに便利なのですが、スクロールしないと表示されない部分も全て1ページ丸ごとスクリーンショットできます。

落書き(コメント)を書く

これも実際、感覚的に触ってみていただきたいのですが、主なものだけ。

↓赤い四角で囲ったメニューを使い、青いコメントを入れました。これは、修正依頼を出すときなんかに便利ですね。
※ただし、コメントを入れる量が多い場合は、印刷して手書きで入れていった方がいいので、ご注意を(笑)

3

出力形式を選択する出力形式や保存形式を選択します。ここもよく使うものだけ紹介します。4①:JPG形式でパソコン(ローカル)に保存できます。

②:PDFで指定するフォルダに保存できます。

③:スクリーンショットをコピーしている状態にできます。
  ファイルとして残しておく必要がなく、他のファイル(パワーポイントやエクセル、ワードなど)に貼り付けたいときに便利です。

④:いろんなサイズで保存できます。これは説明しずらいので、一度押してみてください(笑)

⑤:印刷できます。

まとめ

いかがでしたか?とくに縦に長いページをスクリーンショットしたり、印刷するには非常に便利ですっ!!とってもお勧めですので、ぜひ使ってみてくださいね〜♪

  • シェア
  • twitter
The following two tabs change content below.
岡田 ゆうか

岡田 ゆうか

INFACT 京都office 責任者株式会社インファクト
情報処理技術者
「企業のメディア化®」アドバイザーとして、企業のオウンドメディア立上げやコンテンツマーケティングの導入、WEBマーケティング コンサルティング、WEBサイト、ECサイト、その他アプリの制作まで、企業の集客・販促をお手伝いしています!
大手システム会社で3年、広告代理店で8年営業兼ディレクター、インファクトで「企業のメディア化®」研修講師をしてきた経験が今も活きています。
得意業界:化粧品、通販化粧品、育児、旅行、薬局、不動産
http://www.infact1.co.jp/
  • twitter
  • このエントリーをはてなブックマークに追加
  • Pocket
PAGE TOP
LINE it!