<p class="thumb"><img src="http://web-marketing.zako.org/images/2010/04/chrome-screenshots.jpg" alt="便利すぎる スクリーンショット＆編集 拡張機能" title="chrome-screenshots" width="514" height="204" class="alignleft size-full wp-image-14323" /></p>
<p><a href="http://web-marketing.zako.org/blog/screenpresso-pro-screenshot-soft.html">画像編集もできるスクリーンキャプチャ ソフトといえば「Screenpresso」</a>ですが、さらに高度な画像編集もできてしまうChrome拡張機能があったのでご紹介します。</p>
<!--more--><h3 class='header-label'>便利すぎる スクリーンショット＆編集 Chrome拡張機能</h3>
<p>「<a class='web-site-link' href="https://chrome.google.com/extensions/detail/mdddabjhelpilpnpgondfmehhcplpiin?hl=en-US" target="_blank">Explain and send screenshots</a>」は、<strong>ボタンを押すと、Chromeで開いたページの選択した範囲をキャプチャして、そのまま編集することも出来る</strong> Google Chrome 拡張機能。</p>
<p>画像編集機能には、簡易版とPhotoshopに似たレイヤー機能付きのpixlr があり、より効率良く画像を扱うことが可能です。</p>
<h4 class='tips'>Explain and send screenshots で出来ること</h4>
<ul><li>範囲指定した部分のスクリーンショットを撮る</li><li>撮った画像をそのまま簡易編集出来る</li><li>Photoshopに近い高度な画像編集も出来る（pixlr）</li></ul>
<p>つまり、スクリーンショットを撮るだけでなく、画像を加工して、ブログやサイトへアップする状態まで、この拡張機能一つでできるということになります。</p>
<h4 class='tips'>ボタンを押して切り抜いて編集</h4>
<p><img src="http://web-marketing.zako.org/images/2010/04/chrome-screenshots2.png" alt="ボタン" title="chrome-screenshots2" width="400" height="118" class="alignleft size-full wp-image-14331" /><br />↑ボタンを押すと、新しいタブでキャプチャ画像を開きます。</p>
<p><img src="http://web-marketing.zako.org/images/2010/04/chrome-screenshots1.png" alt="スクリーンショット" title="chrome-screenshots1" width="400" height="192" class="alignleft size-full wp-image-14330" /><br />↑新しいタブで開いたキャプチャ画像で、切り抜く範囲を指定します。</p>
<p><img src="http://web-marketing.zako.org/images/2010/04/chrome-screenshots3.png" alt="画像編集" title="chrome-screenshots3" width="400" height="140" class="alignleft size-full wp-image-14334" /><br />↑切り抜きが完了すると、自動的に簡易画像編集画面に移ります。ここで矢印や図形、そして文字を入れることができます。</p>
<p>ここで、画面右上にある「Advanced editing in Pixlr」というリンクをクリックすると、下記画像のように、まるでPhotoshopのような、より高度な画像編集をおこなえます。<br /><img src="http://web-marketing.zako.org/images/2010/04/chrome-screenshots4.png" alt="Pixlr" title="chrome-screenshots4" width="400" height="224" class="alignleft size-full wp-image-14335" /></p>
<p>興味のある方は<a href="https://chrome.google.com/extensions/detail/mdddabjhelpilpnpgondfmehhcplpiin?hl=en-US" target="_blank">Explain and send screenshots</a>のページを開いて拡張機能をインストールして下さい。</p>
<p>今まで別々に存在していたスクリーンキャプチャと画像編集ソフトが、ひとつのツールに組み合わせられることで、効率良く成果物を得られるようになりますね。こういった組み合わせはもっと広がっていきそうで楽しみです。</p>