岐阜でホームページ制作、マーケティング&デザインを提供しているMWORKSです

お気軽にお問い合わせください

TEL 0573-67-8189

Mブログ

- mblog -

Webページ全体を画像にする方法Chrome拡張機能3つ(プラグイン)

公開日:2015年9月25日 : ソフト・アプリ・ツール

Webページ全体を画像にする方法Chrome拡張機能4つ(プラグイン)_カバー写真

Webページ全体を画像として保存することができるChromeの拡張機能の紹介です。パソコンで使用するスクリーンショットの機能では、ブラウザに表示されている部分しか画像にできません。

拡張機能を使用すれば、ブラウザで1度に表示できないWebページ全体を画像として保存することができます。Webページを資料として保存したい場合など、とても便利です。Web制作者としてはなくてはならない機能となっています。

Webページの画像保存に便利な拡張機能をおすすめ順で紹介していきます。

Blip-shot

Blip-shot_拡張機能画面

Blip-shot_機能追加ページへ

いまの所、一番シンプルで優秀な拡張機能です。キャプチャの機能で1番大事なのは、見た目のまま余計な部分もなく画像化してくれることです。その点この機能は、動きのスクリプト部分も見た目のまま画像化してくれますし、固定で画面上に表示されるバナーやボタンなどは、省いてくれるのでGood!です。

Blip-shotの使い方

アイコンをクリック

拡張機能を追加するとブラウザー上部にアイコンが表示されるので、画像にしたいWebページでクリックします。

Blip-shot_アイコン

プレビュー画像を保存

ボタンをクリックすると、上下に画面をスクロールした後にプレビュー画面が小さく上部に表示されます。

Blip-shot_プレビュー画面

右クリックで、画像を任意の場所に保存して完了です。

Blip-shot_画像を保存

Full Page Screen Capture

Full Page Screen Capture_拡張機能画面

Full Page Screen Capture_機能追加ページへ

こちらも普通に使える機能ですが、キャプチャ画像を見てもらうと、画面下に固定表示されている「上に戻るボタン」が画像に含まれています。画面追従して固定で表示される部分が、スクロール毎に含まれてしまうので、ちょっと見づらい状態になります。そこが少しマイナス点ですね。

Full Page Screen Capture

アイコンをクリック

拡張機能を追加するとブラウザー上部にアイコンが表示されるので、画像にしたいWebページでクリックします。

Full Page Screen Capture_アイコン画像

アイコンをクリック

パックマンのようなアニメーションが表示されて、画面のスクロールが終わると、画像がブラウザの画面に表示されます。

Full Page Screen Capture_スキャン中

画面スキャンが終わると別画面で画像が表示されます。

Full Page Screen Capture_スキャン完了

余分な部分も含まれる

画像には画面追従して固定で表示される部分が、スクロール毎に含まれています。

Full Page Screen Capture_画像確認

FireShot

FireShot_拡張機能画面

以前他の記事でも紹介して、おすすめの機能だったのですが、アップデート後にうまく読み込めないサイトが多くなってしまいました。ページの途中で動きのあるスクリプトがあるサイトなどは、正しく読み取れません。最近はご無沙汰な拡張機能です。改善して欲しいですね。

以前の記事で使い方を紹介しているので、詳しくはそちらをご覧ください。

Chromeで印刷できない、その悩み【拡張機能】で解決!_FireShotを見る>>

拡張機能の注意点など

拡張機能には違法に個人情報を取得する機能もあるので、怪しいな?と思ったら使わないようにしましょう。下記で違法な機能を紹介しましたが、引用してこの記事にも掲載します。
Chromeで印刷できない、その悩み【拡張機能】で解決! _拡張機能の注意点など>>

今回紹介した拡張機能の他にも、似たような機能をもった拡張機能がありますが、自分が使ってみた感想として、印刷については今の所この3つがあればとりあえず良いかなと思います。

後は、ページ全体をスクリーンショットする機能を持つ拡張機能で、「Webpage Screenshot 」、「Awesome Screenshot」というなかなか便利な機能があるのですが、両方ともに、不正が発見されていまして、(閲覧ページのURLを取得・どこかに?送信しているらしい)使用しないほうが良いとのこと。

■Webpage Screenshotがポリシー違反
http://kemaken.info/webpage-screenshot.html

Webpage Screenshotはウェブストアで削除されていますが、Awesome Screenshotはまだダウンロードできます。

インストールされている方はご注意ください。

まとめ

Webページ全体を画像にする方法Chrome拡張機能3つ(プラグイン)でしたが、いかがだったでしょうか?私としては、職業柄よく使う機能で重宝しています。よいデザインなどを画像で保存して、pinterestにアップしたり、ソフトの設定や会員登録の画面をそのまま保存しておくといった使い方もできます。この記事が何かにお役に立てば幸いです。

それでは、よきブラウジングライフを!


スポンサーリンク

Mblog

新着記事

- new articles -

ホームページ制作やマーケティングの他にも、日々の仕事での考えや気付きなどを記事にしています