<p class="thumb"><img src="http://web-marketing.zako.org/images/2010/01/Befter.jpg" alt="ビフォーアフター 共有サイト 「Befter」" title="ビフォーアフター 共有サイト 「Befter」" width="514" height="204" class="alignleft size-full wp-image-12395" /></p><p>ビフォーアフターで見せることこそ、一番わかりやすく、そして信憑性の高い情報になることも多いかと思います。</p><p>そこで、今回は写真や画像を、ビフォーアフターで共有できるサイトをご紹介します。</p><!--more--><h3 class='header-label'>ビフォーアフター 共有サイト 「Befter」</h3><p>「<a class='web-site-link' href="http://www.befter.net/" onclick="window.open('http://www.befter.net/'); return false;">Befter</a>」は、使用前、使用後の比較写真を共有できるサイト。</p><p>アップした２枚の写真を、ビフォーアフター用に加工して公開できるようになっています。</p><h4 class='tips'>ダウンロードしたビフォーアフター画像</h4><p class="picture"><img src="http://web-marketing.zako.org/images/2010/01/before-after-4-by-sigeos15.jpg" alt="before after" title="before after" width="400" height="193" class="alignleft size-full wp-image-12396" /> ↑こちらが共有用に２枚の画像を公開し、ダウンロードしたものです。</p><p class="picture"><img src="http://web-marketing.zako.org/images/2010/01/Befter2.png" alt="Befterの画像共有画面" title="Befterの画像共有画面" width="400" height="320" class="alignleft size-full wp-image-12398" /> ↑サービスサイト上での共有画面はこのようになります。<br />共有用URL→<a class='web-site-link' href="http://befter.net/1734/"  target="_blank">http://befter.net/1734/</a></p><p class="picture"><img src="http://web-marketing.zako.org/images/2010/01/Befter3.png" alt="Befter3" title="Befter3" width="400" height="199" class="alignleft size-full wp-image-12400" /> ↑Twitter、Facebook、Deliciousにもボタンで共有。</p><h4 class='tips'>ビフォーアフター画像のアップロード方法</h4><p class="picture"><img src="http://web-marketing.zako.org/images/2010/01/Befter4.png" alt="Befter4" title="Befter4" width="400" height="448" class="alignleft size-full wp-image-12402" /> ↑<a class='web-site-link' href="http://www.befter.net/accounts/register/" onclick="window.open('http://www.befter.net/accounts/register/'); return false;">Join Befter</a>のページから無料登録した後、ビフォーアフターの写真をそれぞれアップし、タイトルをつけて「Submit」ボタンを押します。</p><p>ここで「Manual images adjustment」にチェックを入れると画像表示の調整を行えるようですが、FirefoxとChromeでは動作しませんでした。。。</p><p class="picture"><img src="http://web-marketing.zako.org/images/2010/01/Befter5.png" alt="Befter5" title="Befter5" width="400" height="539" class="alignleft size-full wp-image-12403" /> ↑最後に説明文とタグを設定し、「Update」ボタンを押せば公開されます。</p><p>試してみたい方は<a class='web-site-link' href="http://www.befter.net/" onclick="window.open('http://www.befter.net/'); return false;">Befter</a>へどうぞ。</p><p>シンプルにもかかわらず、ビフォーアフターでみせることはとても大切な手法。にもかかわらず、この手のサービスはなかなか見かけませんよね。いろいろと活用できそうな気もします。</p><p>Via：<a class='web-site-link' href="http://delicious.com/url/f858640328b0c4940426ee4d43bda3bb" onclick="window.open('http://delicious.com/url/f858640328b0c4940426ee4d43bda3bb'); return false;">delicious</a></p>