WEBサイト画面をコピーしてそのまま編集できる超便利無料ツール!

今回はWEBサイトのホームページ画面をコピー(キャプチャ)して編集できる超便利無料ツールをご紹介します!

 

ブログアフィリエイトで記事を作成している時や仕事中に

サイトのホームページ画面をコピー(キャプチャ)して編集したい時があります。

 

こちらでは、簡単に画面をコピー(キャプチャ)して編集する方法をご紹介します。

それは、ChromeブラウザのChromeアドオン「Awesome Screenshot」を利用するんです。

 

解説動画

 

Chromeブラウザとは

WEBページを閲覧するためのアプリケーションソフトです。

 

Windowsパソコンには標準でインターネットエクスプローラー(IE)が入っていますが
それと同じようにWEBを閲覧したりすることができます。

 

Chromeアドオンとは

Chromeアドオンは、Chromeのアプリケーションソフトに追加機能を組み込むことです。

 

WordPressでいうとプラグインのようなものです。

 

インストールができるとすぐ利用することができます。

 

今回は、サイトの画面をコピーして編集できるChromeアドオン「Awesome Screenshot」を利用します。

「Awesome Screenshot」とは
サイトの画面をコピーして編集できるChromeのアドオンになります。

 

「Awesome Screenshot」を追加する方法

chromeウェブストアよりAwesome Screenshotと検索して追加してください。

 

「Awesome Screenshot」使い方

「Awesome Screenshot」使い方

追加完了したらChromeブラウザを一度再起動してください。

 

再起動するとURLが表示される右側にアイコンが表示されます。

アイコンにはサイト画面をコピーする方法が記載されています。

 

Awesome Screenshot

 

Capture visible part of page(Ctrl+Shift+V)
Delayed capture
表示されいる範囲をキャプチャ
Capture selected area(Ctrl+Shift+S)  自分で範囲を指定してトリミングキャプチャ
Capture entire pageCtr(l+Shift+E) サイト全体をキャプチャ
Select a local image ローカルにある画像を編集したいときに使う
Capture desktop デスクトップをキャプチャして編集できます
Record screen 無料で30秒間録画できる
My recordings 録画したものを確認できる。
Options オプションを開けます。
保存の拡張子を「jpg」「PNG」の変更で選ぶことができます。
ショートカットキーも変更できます。
Help

 

 

ヘルプページに移動します。

 

今回は、Capture visible part of pageを使ってやってみましょう。

Awesome Screenshot

 

上のツールアイコンで画像を編集後、右側にある「Doneボタン」を選択

 

chromeでWEBサイト画面をコピーしてそのまま編集できる超便利無料ツール! 切り取りツール
chromeでWEBサイト画面をコピーしてそのまま編集できる超便利無料ツール! ペンツール
chromeでWEBサイト画面をコピーしてそのまま編集できる超便利無料ツール! 四角の枠ツール
chromeでWEBサイト画面をコピーしてそのまま編集できる超便利無料ツール! 矢印ツール
chromeでWEBサイト画面をコピーしてそのまま編集できる超便利無料ツール! テキストツール
ぼかしツール
chromeでWEBサイト画面をコピーしてそのまま編集できる超便利無料ツール! 背景色ツール
chromeでWEBサイト画面をコピーしてそのまま編集できる超便利無料ツール! セリフツール(有料プラン)
chromeでWEBサイト画面をコピーしてそのまま編集できる超便利無料ツール! ナンバリングツール(有料プラン)
chromeでWEBサイト画面をコピーしてそのまま編集できる超便利無料ツール! 絵文字ツール(有料プラン)
chromeでWEBサイト画面をコピーしてそのまま編集できる超便利無料ツール! 画像入れ込みツール(有料プラン)
chromeでWEBサイト画面をコピーしてそのまま編集できる超便利無料ツール!

色ツール

※テキストツールの文字色や矢印ツールの色変更に役立ちます。

chromeでWEBサイト画面をコピーしてそのまま編集できる超便利無料ツール! 棒線ツール

 

chromeでWEBサイト画面をコピーしてそのまま編集できる超便利無料ツール!

 

「Local Save」の赤い枠のアイコンを選択。

そうすると保存画面に映るので名前をつけて保存できたら完了です。

 

「Capture selected area」も「Capture entire pageCtr」基本的に操作は同じです。

 

サイトだけでなくローカルにある画像も可能

サイトだけでなくローカルにある画像も可能

 

「Select a local image」を選択

 

サイトだけでなくローカルにある画像も可能

こちらに「ドラック&ドロップ」するとローカルの画像も編集できます。

 

 

まとめ

WEBサイト画面をコピーしてそのまま編集できる超便利無料ツール!
「Awesome Screenshot」アドオンは、本職のWEBのお仕事でもほぼ毎日活用しています。

 

photoshop等画像編集ソフトを持ってななくても簡単に画像を編集できます。

 

WEBサイトのホームページ画面をコピー(キャプチャ)して編集したいときはぜひ活用してみてください。

ほんとめちゃくちゃ便利なのでぜひ使ってほしいです(笑)

 

スポンサーリンク
隙間時間でアフィリエイトで20万稼いだ方法を教える無料メルマガ♪

斎藤かずまの無料メルマガ講座では副業ブログで稼ぎたいと考えている人に大変評判のメルマガです。

 

他のメルマガとの違い

サラリーマン独自のよくある時間のない悩みから解放されて稼ぐ方法

サラリーマンだからこそ本業を活かして稼くやり方

WEBに全く詳しくないサラリーマンを褒めて伸ばすのが私のブログです。

 

僕が5年以上積み重ねた作業記録や思考を伝えることでまずあなたに

1円稼いでもらいます。

そのあとはメルマガをしっかり読んで行動してくれれば

1万円、3万円、5万円とステップアップして稼ぐことが可能です。

 

サラリーマンに読んでもらいアフィリエイト情報満載のメルマガ!

特にブラック企業に務めている人に読んでもらいたいかも。

私もブラック企業勤めで体崩してやめたので、ホント副業で稼げるようになってお金に余裕ができたり自信がついてからホワイト企業に転職するなりしてほしいと思います。

今なら無料プレゼント配布中!最新情報もGET!

<メルマガ登録は2STEPで完了>

  1. 「名前」「メールアドレス」の2点を入力
  2. 「送信」ボタンを押して完了

プレゼントは登録後すぐにGETできます。

無料メルマガ登録はこちら

名前 姓     名 
メールアドレス

  • Twitterでフォローしよう

    おすすめの記事