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. Web Service

    ブログで使うCC(クリエティブコモンズ)対象の画像をFlickrやGoogleから簡単に探してくれる…

    ブログでその記事に関連するアイキャッチ画像を入れたりしたい時があるかと…

  2. Web Service

    キャッチコピーや文章作成に便利!類語を教えてくれる「文章リライトツール」

    ブログを書いたりキャッチコピーをつくったり文章作成するひとにとって役立…

  3. CSS Color Chart

    Web Service

    CSSのカラーネーム、HEX、RGBを1クリックでコピーできるカラーチャート「CSS Color C…

    CSS Color Chartがとても便利だったのでご紹介します。とて…

  4. WebGradients

    Web Service

    CSSやPNG形式に対応した180種類のグラデーションを活用できる「WebGradients」

    WebGradientsは、180種類ものグラデーションが用意されたコ…

  5. Web Service

    ブラウザに好きな時間のタイマーをセットしてカウントダウンしてくれるE.gg Timerがとても便利

    ブラウザに自分の好きな時間を入れてenterを押すだけでタイマーをセッ…

  6. Web Service

    ノイズの入ったテクスチャを簡単に作成してくれるジェネレーター「Noise Texture Gener…

    ノイズが入ったテクスチャをとても簡単に作成することができるジェネレータ…

コメント

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

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

最近の記事

  1. ライオン システマ 超コンパクト ふつう
  2. タリーズ ハムチーズ&サラダサンド
  3. クリニカのY字タイプのフロス
  4. 日和山公園の桜
  5. 成城石井 フレンチロースト

アーカイブ

PAGE TOP