一般社団法人 全国個人事業主支援協会

COLUMN コラム

  • ページ全体をキャプチャーするのに欠かせないGoogle Chrome拡張ツール

こんにちは!

私個人としては今回が2回目の投稿になります。

webデザインの競合分析において、私が必ず利用しているGoogle Chromeの拡張機能を1点ご紹介します。

それは「GoFullPage」です!

リンクは下記になります。

https://chromewebstore.google.com/detail/gofullpage-full-page-scre/fdpohaocaechififmbbbbbknoalclacl?hl=ja

 

GoFullPageはページ全体をキャプチャーし、png形式等でダウンロードができます。

Figma等のデザインツールに貼って横並びで見れますので、私は競合分析を行う際に使っています!

※鮮明なデータとして貼り付ける場合、FigamではFigma内のプラグイン「insert big image」を使用することをオススメします。

 

1点ポイントがあり、一度キャプチャーしたいページ全体を下端までスクロールしてからキャプチャーを開始すると良いです。

この理由はアニメーションの設定でスクロールしないと表示されないセクションなど、それらを一度表示させてからキャプチャーをするという順番にしないと非表示扱いでキャプチャーされてしまいます。

非常に簡単なのでぜひお試しください!

 

The following two tabs change content below.

この記事をシェアする

  • Twitterでシェア
  • Facebookでシェア
  • LINEでシェア