NewsBuilders (ニュースビルダーズ)

国内トップレベルのiPhone向けニュースアプリ開発パッケージ

アプリアイコンの複数サイズを自動で簡単に作成できるMakeAppIconの使い方

June 6, 2017

アプリを作成するためにはプログラミングの技術以外にも色々と必要なものがあります。

例えば iOSアプリでは iPhoneからiPadやAppleWatch用のアイコンまで作成してソースコードと一緒にコンパイルしなくてはなりません。

この全てのデバイス用のサイズのアイコンを手作業で書き出しするとかなり時間を消費してしまいます。

今回はそんな手間を素早く自動で解決してくれる MakeAppIcon というサービスをご紹介します。

アプリのアイコンサイズの対応に頭を悩ませている方はぜひ参考にしてください。

1. MakeAppIcon とは

MakeAppIcon とは

MakeAppIcon

MakeAppIcon (メイクアップアイコン) とは、アプリを作成するために必要な複数サイズのアイコンを自動で作成してくれるサービスです。

アプリは通常そのデバイスごとのアイコンが必要で、アプリを作成する際にはソースファイル内に全てのサイズのアイコンを用意しておかなくてはなりません。

そのデバイスごとに必要なサイズのアイコンを、全て自動で作成してくれるのがこの MakeAppIcon です。

ちなみにこの MakeAppIcon は無料で利用できるサービスなので、ぜひ活用してください。

2. 用意するもの

MakeAppIcon ではアイコンの推奨サイズが 1024px × 1024px となっています。

ご自分のアプリで使用するアイコンのデザインが決まったら、それの縦横 1024サイズの画像を用意してください。

またファイルの形式は png や jpg でも大丈夫のようです。

画像のサイズが 1024 × 1024 のアイコンを用意してください。

3. MakeAppIcon の使い方

MakeAppIconのサイトの使い方

それではMakeAppIconの使い方を順に説明していきます。MakeAppIcon

まず最初に下記にのMakeAppIconのサイトにアクセスしてください。
MakeAppIcon

すると下記の画面が表示されるので先程用意したアイコン画像を赤丸のトースター画像に直接ドラッグ&ドロップ、もしくはその下にある「Choose file…」をクリックしてアイコン画像を選択してください。

画像ファイルをドラッグ&ドロップもしくは「Choose file...」をクリックして選択してください。

画像の処理が始まるので、完了するまで少し待ってください。

処理が完了して自動で画面が変わるまで待ってください。

処理が完了すると下記の画面に切り替わります。

処理された画像はメールで送信されてくるので、「Enter email to subscribe and download」と書いてあるフォームに、ファイルを受け取るためのメールアドレスを入力してください。

入力したらその横の緑の下向き矢印のボタンをクリックしてください。

メールアドレスを入力して、横の緑のボタンをクリックしてください。

クリックするとメールが送信されて、画面が切り替わります。
これでMakeAppIconでの複数サイズのアイコン作成は完了です。

作成されたファイルを確認する

作成が完了すると先程入力したメールアドレスに下記のメールが届いています。

zipファイルに圧縮されて送られてきているので、ローカルにダウンロードし解凍してください。

解凍すると下記のように各デバイスサイズごとのアイコンが作成されていることが確認できます。

以上が MakeAppIcon の使い方の説明でした。

さいごに

いかがだったでしょうか。
アプリを作成するためにはプログラミングはもちろんデザインも必要です。

アイコンを全ての端末サイズで毎回用意するととても膨大な手間になってしまいます。

このような 「アプリ作成のための便利なサービス」 などは意外とたくさんあり、この MakeAppIcon のように無料で使えるものも多いのでぜひとも積極的に活用していきたいですね。

MakeAppIcon

お問合わせ

ニュースアプリ開発パッケージならNewsBuilders

ヒアリング後、無料デモアプリを作成します。

お問合わせはこちら
デモアプリを作成依頼

※ご契約前のご相談、ご質問等につきましてもメール・Skype・お電話等にて承っております。