<p class="thumb"><img src="http://web-marketing.zako.org/images/2010/12/picscatter.jpg" alt="Facebookのプロフィールページ" title="picscatter" width="514" height="204" class="aligncenter size-full wp-image-16917" /></p>
<p>Facebookのプロフィールページ、どうせ実名を使うのであれば個性的なものにしたいですよね。</p>
<p>今回は、プロフィール画像を含めた複数の画像を使って、新しくなったFacebookのプロフィールページをクールなデザインにしてくれるサービスをご紹介します。</p>
<!--more-->
<h3 class='header-label'>Facebookのプロフィールページをクールにする「PicScatter」</h3>
<p>「<a class='web-site-link' href="http://picscatter.com/" target="_blank">Pic Scatter</a>」は、<strong>１枚の画像をアップロードすると、Facebookのプロフィールページにぴったりフィットする画像を生成し、そのままプロフィールページに設定</strong>してくれるサービス。</p>
<p>顔写真とロゴを組み合わせて、インパクトを与えつつ、自分の顔と運営サービスを結びつけることもできます。</p>
<h4 class='tips'>サンプルプロフィールページ</h4>
<p><img src="http://web-marketing.zako.org/images/2010/12/picscatter1.png" alt="Facebook" title="picscatter1" width="400" height="247" class="aligncenter size-full wp-image-16920" /><br />↑こちらが、私のFacebookプロフィールページ。</p>
<p>自分以外のユーザーが自分のプロフィールページを見ると、このように画像がうまく配置された状態で見ることができます。（※つまり自分のアカウントでログインしていると、この状態を確認することはできません。）</p>
<h4 class='tips'>使い方</h4>
<p><img src="http://web-marketing.zako.org/images/2010/12/picscatter2.png" alt="ボタンを押す" title="picscatter2" width="400" height="209" class="aligncenter size-full wp-image-16923" /><br />↑まず、<a class='web-site-link' href="http://picscatter.com/" target="_blank">Pic Scatter</a>のページを開いて「Create a profile picture」ボタンを押します。</p>
<p><img src="http://web-marketing.zako.org/images/2010/12/picscatter3.png" alt="画像をアップ" title="picscatter3" width="400" height="315" class="aligncenter size-full wp-image-16922" /><br />↑次に、画像をアップロードします。最適な画像サイズは700×540になります。</p>
<p><img src="http://web-marketing.zako.org/images/2010/12/picscatter4.jpg" alt="サンプル" title="picscatter4" width="400" height="309" class="aligncenter size-full wp-image-16924" /><br />↑ちなみに、私が「顔写真」と「ロゴ」をうまく配置するために作った画像はこのようなものです。（※掲載画像は試用した画像よりもサイズを縮小しています。）</p>
<p><img src="http://web-marketing.zako.org/images/2010/12/picscatter5.png" alt="調整" title="picscatter5" width="400" height="311" class="aligncenter size-full wp-image-16925" /><br />↑画像をアップロードしたら、画像をマウスでドラッグしながら位置を微調整します。</p>
<p><img src="http://web-marketing.zako.org/images/2010/12/picscatter6.png" alt="微調整" title="picscatter6" width="400" height="227" class="aligncenter size-full wp-image-16926" /><br />↑マウスドラッグ以外にも、画像表示位置の微調整をする機能があります。それぞれ、＋、－のボタンを押して調整することができます。</p>
<p><img src="http://web-marketing.zako.org/images/2010/12/picscatter7.png" alt="Facebookへ反映" title="picscatter7" width="399" height="163" class="aligncenter size-full wp-image-16928" /><br />↑画像表示の調整が完了したら「Publish to Facebook」ボタンを押します。</p>
<p><img src="http://web-marketing.zako.org/images/2010/12/picscatter8.png" alt="Facebookへのアクセス許可" title="picscatter8" width="400" height="221" class="aligncenter size-full wp-image-16929" /><br />↑最後にFacebookアカウントへのアクセス許可をおこなったら設定完了です。</p>
<p>興味のある方は<a class='web-site-link' href="http://picscatter.com/" target="_blank">Pic Scatter</a>へどうぞ。</p>
<p>プロフィール画像の右側にある画像表示枠は、そもそも近況の画像を表示するためのものですが、それをプロフィール画像と組み合わせて一体感を出せるのはおもしろいですね。</p>

<p>Via:<a class='web-site-link' href="http://www.delicious.com/url/6c75c9e7a00457ba5e792eee73b340bd" target="_blank">delicious</a></p>