Browser Frameは、ブラウザのフレームにスクリーンショットをはめ込んだ画像に合成してくれるWEBサービスです。

Browser Frameの使い方

1. Browser Frameにアクセスします。
2. [UPLOAD]をクリックしてスクリーンショットをアップロードします。

3. プルダウンからブラウザを選択します。

4. [SAVE]をクリックすると、作成された画像がダウンロードされます。

今回作成してみた合成画像は以下の通り。MacのChromeに当ブログのスクリーンショットをはめ込んでみました。

あとがき

「ブラウザで見るとこんな感じになります」といった具合に、クライアントに説明する時などに使えますね。

わざわざブラウザのキャプチャを撮って切り取ってはめ込み画像を作成している、というデザイナーさんはぜひお試しください。