Web Service

Webページ全体を1クリックでキャプチャ出来るChrome拡張機能「Webpage Screenshot」

Webpage ScreenshotというChrome拡張機能を使ってみました。現在見ているWebページやページ全体をキャプチャ出来てとても便利です。撮ったページの気になる部分にテキストを入れたり罫線で囲んだり矢印もつけることができます。出来上がった画像はPNGで保存することができるので入れておいて損はないですね。以下使い方です。

[ads_center]

使い方

インストールしたら右上にアイコンが表示されるようになります。これをクリックすると、「見たままをスクリーンショット」か「ページ全てをスクリーンショット」を選ぶことができます。

Webpage Screenshot 使い方01

「見たままをスクリーンショット」で撮るとこんな感じで現在見てる箇所を撮ることができます。

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

「ページ全てをスクリーンショット」の場合はこんな感じでページ全体を撮ることができます。以下はPNGでダウンロードしたものです。Webデザインの参考になるページを撮っておきたい時なんかに使えそうですね。

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

画像にテキストを挿入したり矢印も簡単入れることができます。

画像を加工する

ということで、1クリックで簡単にキャプチャ出来るChrome拡張機能のご紹介でした。以下のサイトから利用することができます。

iPhone版Pocketで横スクロールした際に次の段落まで飛ぶ機能を無効にするやり方前のページ

Photoshopで範囲を選択する時に中心から範囲を指定するやり方次のページ

関連記事

  1. Web Service

    これは凄い!色んなCSSを生成してくれるジェネレーター「Generate CSS」

    Generate CSSというジェネレーターが凄かったのでご紹介します…

  2. Web Service

    ブログで使う画像を加工・編集して文字入れや矢印も簡単に挿入できるSkitchの基本的な使い方

    毎回ブログで使う画像はPhotoshopで編集したりしてたんですが、も…

  3. Web Service

    タータンチェックの背景素材を簡単に作成することができるジェネレーター「Tartan Maker 」

    タータンチェックの背景素材を簡単に作成することができるジェネレーター「…

  4. Shazam

    Web Service

    【超便利】この曲なんだろうと思う曲を一発で教えてくれる便利なiPhoneアプリ「Shazam」

    個人的にすごい便利なiPhoneアプリを発見したのでご紹介します。「S…

  5. Web Service

    レスポンシブ制作に役立つiPhone・iPad・Macの表示確認ツール「Respondr」

    レスポンシブWebデザインを制作する上で役立つ表示確認ツール「Resp…

  6. iPhoneデフォルトアプリ「天気」

    Web Service

    iPhoneのデフォルトアプリ「天気」が意外と使いやすかった

    iPhoneにデフォルトで入っているアプリ「天気」が意外と使いやすかっ…

コメント

  1. この記事へのコメントはありません。

  1. この記事へのトラックバックはありません。

最近の記事

  1. ハワイ カウ
  2. ぼんしゃん全部入り
  3. ナイトロコーヒー
  4. チーズベーコンエッグバーガー
PAGE TOP