透明画像をそのまま使う
既存の透明なロゴを使用して、その輪郭と内部のカットアウトを保持します。これは、マルチカラーのアートワークにとって最も信頼できる選択肢です。
Android・テーマアイコン
Androidモノクロアイコン作成
ロゴから見やすいモノクロレイヤーを作り、壁紙に合わせたテーマアイコンを確認して、Androidプロジェクトへ組み込めるリソース一式を書き出します。
ブラウザ内で処理される前景+背景+モノクロ
テーマアイコンを作成するAndroidのテーマアイコンを作成
画像はこの端末内で処理されますPNG・JPG・WebP・SVG、最大10 MB
02 / 同じレイヤーを各テーマで確認
フルカラー
ライトテーマ
ダークテーマ
ランチャー上の表示イメージです。色と形状はプレビュー用で、実際の色合いとマスクは端末側で決まります。
アートワークの例を示します。ロゴをアップロードするか、サンプルを試してみてください。
03 / Android リソースをエクスポートする
PNG 18点、XML 4点、導入手順
6段階の画面密度、アダプティブレイヤー、従来ランチャー向け画像を収録。
01 / 意図どおりのシルエットに調整
透明画像や単色背景のロゴからモノクロアイコンを作成
テーマアイコンに使われるのは、透明な単色シルエットです。色は壁紙とテーマに合わせてAndroidが適用します。通常のアダプティブアイコンは、これとは別に前景と背景を保持します。
暗い部分または明るい部分を抽出
明るさのしきい値を使い、単色の背景を取り除きます。シンボルが明瞭になるまでプレビューを調整してください。写真や複雑なグラデーションは、あらかじめ背景を除いた画像の使用をおすすめします。
すべてのマスクを確認してください
円形、スクワークル、角丸、正方形で見え方を比較します。重要な部分をセーフエリア内に収め、端が切れる場合は画像を小さくしてください。
Android 13 では、サポートされているランチャーにテーマ付きアイコンが導入されました。 Android 16 QPR 2 では、カスタムのモノクロ レイヤーを使用せずに、アプリに自動的にテーマを設定できます。独自のものを用意しても、シルエットをコントロールできます。このツールは AI 背景の削除を実行しません。
02 / プロジェクトのファイル
Androidのモノクロアイコンのサイズとエクスポート構造
ZIP には、6 つの密度すべての透明な前景色と黒のモノクロ レイヤーに加えて、不透明なレガシー ランチャー アイコンが含まれています。カラー リソースは適応背景を提供します。
res/
├── drawable-{density}/
│ ├── ic_launcher_foreground.png
│ └── ic_launcher_monochrome.png
├── mipmap-{density}/ic_launcher.png
├── mipmap-anydpi-v26/
│ ├── ic_launcher.xml
│ └── ic_launcher_round.xml
└── values/
├── colors.xml
└── icon-aliases.xml
README.txt| 密度 | アダプティブレイヤー | レガシーアイコン |
|---|---|---|
| ldpi | 81 × 81 | 36 × 36 |
| mdpi | 108 × 108 | 48 × 48 |
| hdpi | 162 × 162 | 72 × 72 |
| xhdpi | 216 × 216 | 96 × 96 |
| xxhdpi | 324 × 324 | 144 × 144 |
| xxxhdpi | 432 × 432 | 192 × 192 |
個別にダウンロードできる432 px画像は、xxxhdpi用のモノクロレイヤーです。アダプティブレイヤーは108 dpのキャンバスを使い、中央の直径66 dpがセーフエリアです。PNGにはマスクやテーマ色を適用していません。Playストア掲載用画像は含まれません。
Android アダプティブ アイコン ガイドを読む03 / ZIPからランチャーへ
Android Studioでモノクロアイコンを追加する方法
既存の Android プロジェクトを使用し、SDK 33 以降をコンパイルします。ダウンロードには、完全な Android プロジェクトではなく、リソースと手順が含まれています。
- 01
リソースをマージする
ZIP を解凍し、res/ を app/src/main/res/ にマージします。アイコンを置き換える前に、既存のファイル名を確認してください。
- 02
背景色を追加する
ic_launcher_background を既存のvalues/colors.xmlに追加します。アプリですでに使用されている他の色はそのままにしておきます。
- 03
ランチャーアイコンを設定する
AndroidManifest.xml で android:icon を @mipmap/ic_launcher に設定します。オプションのroundIconリソースには、古いデバイス用のエイリアスがあります。
- 04
テーマの構築と確認
Android Studio でビルドしてインストールします。サポートされているランチャーでテーマアイコンを有効にして、明るい壁紙と暗い壁紙、マスク、および通常の色のアイコンを検査します。
<application
android:icon="@mipmap/ic_launcher"
android:roundIcon="@mipmap/ic_launcher_round"
... />AndroidモノクロアイコンFAQ
Androidのモノクロアイコンとは何ですか?
アプリのシンボルを単色の透明レイヤーで表したものです。対応ランチャーが壁紙やテーマに合わせて色を付けます。アダプティブアイコンの前景・背景レイヤーと併せて用意します。
画像が実線の正方形になるのはなぜですか?
透明モードでは、JPG または PNG の背景を含むすべての不透明ピクセルが保持されます。白地に暗いロゴの場合は「暗いアートワークを維持」に切り替え、黒地に明るいロゴの場合は「明るいアートワークを維持」に切り替えます。複雑な背景の場合は、まず透明なロゴを用意します。
Material Youのテーマアイコンに使えますか？
はい。 ZIP には、アダプティブ アイコン XML によって参照されるモノクロ リソースが含まれています。ユーザーはテーマ付きアイコンを有効にし、サポートされているランチャーを使用する必要があります。正確な色と外観はデバイスによって異なります。
Android では常にカスタムのモノクロ レイヤーが必要ですか?
Android 13 では、アプリが提供するモノクロ レイヤーを使用したテーマ付きアイコンが導入されました。 Android 16 QPR 2 以降、システムはアイコンのテーマを自動的に設定することもできます。カスタム レイヤーを使用すると、テーマに使用されるシンボルを制御できます。
これはアプリアイコンジェネレーターとどう違うのですか?
このツールは、テーマアイコンのシルエットの抽出と調整、マスクの比較、Android リソースのエクスポートに重点を置いています。 App Icon Generator は、より広範な iOS および Android アイコン パッケージを作成します。 App Icon Resizer は、フラットな PNG サイズをエクスポートします。
私のロゴはサーバーにアップロードされていますか?
いいえ。アートワークのデコード、プレビュー、PNG 生成、ZIP パッケージ化はブラウザーでローカルに実行されます。アカウントがなくてもツールを使用できます。