読者です 読者をやめる 読者になる 読者になる

Yuta Watanabe's Blog

開発周りと、その他諸々

アプリのロゴを簡単作成! Windows Store Image Generator

こんにちは。

マイクロソフトの渡辺 友太です。

先ほど紹介した、Web サイトをアプリ化するテンプレート「 Web App Template 」のドキュメントサイトで、Windows ストア アプリのロゴを簡単に作成できるツールが提供されています。

f:id:yuwata:20140219113923p:plain

このテンプレートを使用していなくても、便利なツールなのでご紹介させてください。

Windows ストア アプリに必要なロゴ素材

そもそも、Windows ストア アプリの公開時に必要なロゴのサイズはご存じでしょうか?

MSDN のドキュメント「 アプリ画像の選択 」では、アプリに含める必要のある様々なロゴ、スクリーンショット、画像のサイズがまとめられています。

f:id:yuwata:20140219114251p:plain

 

どんな場所に、どのサイズの画像が表示されるのか? 今一度ご確認ください。

素材となる画像を指定して生成

ではさっそく、Windows Store Image Generator を使ってみたいと思います。

"ファイルを選択"を押して、各サイズの元素材となる画像ファイルを指定します。様々なサイズに変換されるので、出来るだけ高解像度の画像を使いましょう。

f:id:yuwata:20140219114618p:plain

指定後は、" Download Windows Store Zip" をクリックし、生成された画像をダウンロードします。

生成された画像を確認

ファイルをダウンロードすると、指定した元画像から様々なサイズの画像ファイルが生成されているのが確認できます。これらのファイルをそのまま、Windows ストア アプリで利用すればいいわけです。

元素材の色から自動的に背景色を決めて、余白を埋めてくれているのは、少し感動。

このあとは

Windows Store Image Generator 、さくっと Windows ストア アプリに必要な画像素材を作れますので、先日ご紹介した Web App Template を合わせて、ぜひご活用ください!