Screen Capture (by Google)

Web Service

Chromeでサイト全体のスクリーンショットなども撮って編集もできる拡張機能「Screen Capture (by Google)」

Google Chromeでスクリーンショットを撮ったり編集できたりする便利な拡張機能「Screen Capture (by Google)」をインストールしてみました。スクリーンショットなんかは多用するので入れておいて損はないですね。Webサイト全体のスクリーンショットも撮れるのがいいですね。以下、使い方です。

[ads_center]

使い方

Screen Capture (by Google)をインストールすると、アイコンが追加されます。

Screen Capture (by Google)

あとは、スクリーンショットを撮りたいサイトを開いてアイコンをクリックして、目的のスクリーンショットを撮ります。

スクリーンショットを撮る

上から順に、以下のようなスクリーンショットを撮ることができます。

Capture Page Region
範囲を選択して撮る。
Capture Visible Content
現在見えているページを撮る。
Capture Whole Page
Webサイト全体を撮る。

また、撮った画像は加工・編集することも可能です。

スクリーンショットを加工・編集

ただ、僕の環境ではTextを入れることはできませんでした。

で、出来上がったら右上にある「Save」をクリックして保存できます。ちなみに、オプションでファイルを保存するパスを指定することもできます。

ファイルを保存するパスを指定

というわけで、Chromeでスクリーンショットを手軽に撮りたい時には、とても役立つ拡張機能かと思います。しかも「Screen Capture (by Google)」と「by Google」が入っているので、Google製というのも良いですね。

以下からインストールできます。

css3-mediaqueries-jsMedia QueriesをIE8以下でも使えるようにするための「css3-mediaqueries-js」前のページ

テキストに様々なエフェクトを与えながら切り替わっていくjQueryプラグイン「Textualizer」次のページTextualizer

関連記事

  1. Show Title Tag

    Web Service

    Webページの長いタイトルを画面隅っこに表示させることができるChrome拡張機能「Show Tit…

    Webページを見ている時にタイトルを確認したい時ってありますよね。Ch…

  2. Screenqueri.es

    Web Service

    ブラウザ上でレスポンシブWebデザインを確認することができるツール「Screenqueri.es」

    ブラウザ上でレスポンシブWebデザインを確認することができる便利なツー…

  3. Web Service

    CSSで簡単に三角形を作ってくれるChrome拡張機能「CSS三角形作成ツール」

    ちょっと面白かったのでご紹介します。Chromeの拡張機能で、CSSで…

  4. Web Service

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

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

  5. Unsplash It

    Web Service

    かっこいいダミー画像を読み込めるWebサービス「Unsplash It」

    Unsplash Itは、かっこいいダミー画像を手軽に読み込むことがで…

  6. placekitten

    Web Service

    Webサイト作成時に可愛い猫のダミー画像を用意してくれる「placekitten」

    とても素敵なWebサービスがあったのでご紹介します。Webサイトを作成…

コメント

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

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

最近の記事

  1. 紫陽花
  2. 生ハム&モッツァレラチーズ サラダラップ
  3. コガネムシ
  4. ショルダーハム&5種の野菜サンドイッチ
PAGE TOP