<p class="thumb"><img src="http://web-marketing.zako.org/images/2018/05/screely.jpg" alt="" width="620" height="309" class="alignnone size-full wp-image-31461" /></p>


<p>スクリーンショットを撮った画像をサイトに掲載するとき、ブラウザで開いているかのように見せるため、Photoshopで加工するなどといった作業を行うことがあると思います。
今回ご紹介するのは、その画像加工作業をサイトにアップロードするだけで済ませることができるサービスです。</p>
<!--more-->


<h3 id="screely">スクリーンショットの見栄えを良くしてくれる「Screely」</h3>

<p>「<a target="_blank" href="https://www.screely.com/">Screely</a>」は、<strong>スクリーンショットで撮ったページの画像を、ブラウザで見ているかのような見栄えに加工してくれる</strong>サービス。
スクリーンショット画像をアップロードして、背景色を指定するだけで加工した画像をダウンロードすることができます。</p>

<h4 id="">加工された画像</h4>
[caption id="attachment_31462" align="alignnone" width="1000"]<img src="http://web-marketing.zako.org/images/2018/05/screely-1526797897956.png" alt="" width="1000" height="536" class="size-full wp-image-31462" /> ブラウザの枠を付け、背景色を入れてくれます。1,980pxの幅があったサイズも幅1,000pxにリサイズされています。[/caption]
<p>Screelyにアップロードして加工を施された画像。良い感じにブラウザの枠が付けられ、背景から浮き出しているようになっています。</p>

<h4 id="-1">背景色を指定するだけ</h4>
[caption id="attachment_31460" align="alignnone" width="620"]<img src="http://web-marketing.zako.org/images/2018/05/screely-edit.jpg" alt="" width="620" height="348" class="size-full wp-image-31460" /> 画像の編集画面。[/caption]
<p>画像をアップロードしたら、背景色を指定するだけで加工が完了します。背景色はカラーコードで指定することも可能です。</p>

<h4 id="-2">今後も機能追加予定</h4>

<ul>
<li>背景色のグラデーション設定</li>

<li>スクリーンショット画像からのカラーピック</li>

<li>ブラウザ拡張機能</li>

<li>フェイクブラウザウインドウのON/OFF</li>

<li>背景画像の設定</li>
</ul>
<p>等々、機能追加も行われていく予定だそうです。</p>
<p>興味があるかたは<a target="_blank" href="https://www.screely.com/">Screely</a>へどうぞ。</p>