アプリアイコン作成
画像をアップロードし、ドラッグで位置調整・ズームで拡大縮小して正方形に切り取ります。AndroidやiOS向けにサイズを指定してPNGで書き出せます。
ここに画像をドラッグ＆ドロップ
または
ドラッグで位置調整できます
ABOUT
アプリアイコン作成ツールについて
T-APPS520のアプリアイコン作成ツールは、1枚の画像を正方形キャンバスへ配置し、用途に応じたサイズのPNG画像を作るためのWebツールです。画像を毎回画像編集ソフトで縮小する作業を簡略化できます。
ドラッグで位置を調整し、ズームで拡大縮小して正方形に切り取ります。画像の読み込み・リサイズ・PNG生成はすべてブラウザ内で行います。
SIZES
生成できるサイズの目安
アプリ・Web・ストア素材で使うことの多い正方形サイズを出力できます。必要なサイズを選んで保存してください。
| サイズ | 用途の例 | 注意 |
|---|---|---|
| 1024 × 1024 | 高解像度マスター、Apple系アイコンの基準素材 | 提出方式は公式ガイドも確認 |
| 512 × 512 | Google Playストア掲載用アイコン | 角丸・影はストア側が適用 |
| 192 / 180 / 120 | Android / iPhone / Web 等の補助サイズ | Adaptive Iconそのものではない |
| 48 | 小さな表示用の補助サイズ | 識別できる形か確認 |
App Store / Google Playへの審査合格や、各プラットフォームの全アセット要件への適合を保証するものではありません。
ANDROID
Android Adaptive Iconとは別物です
AndroidのAdaptive Icon（アダプティブアイコン）は、単一の正方形PNGを縮小するだけの仕組みではありません。公式ガイドでは前景（foreground）と背景（background）の2レイヤーを用意し、端末側のマスク形状へ適応できる構成が求められています。
このページで生成するPNGは、ストア掲載素材や制作途中の素材には使えますが、Android Studioで設定するAdaptive Iconの完全な代替にはなりません。
HOW TO
使い方
- 元画像を選択なるべく高解像度で、アイコンに使う画像を読み込みます。
- 位置と大きさを調整ドラッグで位置を、ズームで大きさを調整します。
- プレビューを確認小さいサイズでも識別できるか、中心位置が適切か確認します。
- 必要なPNGを保存サイズを選んでPNGをダウンロードします。
DESIGN TIPS
小さいアイコンでも見やすくするポイント
細かすぎる文字を避ける
ホーム画面ではアイコンが小さく表示されます。細い線や小さな文字は縮小時に識別しづらくなるため、単純で認識しやすい形を優先すると扱いやすくなります。
元画像を大きめに用意する
小さい画像を1024pxへ拡大しても画質は改善しません。高解像度の元データから各サイズを縮小生成する方が適しています。
PRIVACY
選択した画像の取り扱い
アプリアイコンを作成する目的で、選択した画像データをT-APPS520のサーバーへアップロードする処理は行っていません。
ページ自体のアクセス解析や広告等の通信についてはプライバシーポリシーをご確認ください。
FAQ
よくある質問
画像はサーバーへアップロードされますか？
アイコン作成を目的として画像をT-APPS520のサーバーへ送信する処理は実装していません。File APIとCanvasを使ってブラウザ内で処理します。
512pxを作ればAndroidのAdaptive Iconになりますか？
いいえ。Adaptive Iconは前景・背景のレイヤー構造を持つ別の仕組みです。このツールの512px PNGはGoogle Play掲載用素材などには利用できますが、Adaptive Iconの完全な代替ではありません。
すべてのサイズを保存する必要がありますか？
いいえ。対象プラットフォームやプロジェクトが必要とするサイズだけ保存してください。提出要件はOS・ストアの最新公式ドキュメントを確認してください。
REFERENCES
最新の提出仕様を確認する
ストアへ提出する最終素材は、Apple Human Interface Guidelines: App icons、Google Play icon design specifications、Android Adaptive icons の最新内容を確認してください。