Android-ランチャーアイコンのサイズ


349

、などの場合HDPIXHDPIランチャーアイコンの理想的なサイズは何ですか?9-Patchアイコンを自動的に拡大縮小するための画像を作成する必要がありますか、それとも個別のアイコンを作成する方が良いでしょうか?


9
あなたはしていないランチャアイコンの9-パッチ画像を作成します。9-patchは、アプリケーション内の画像(リソース)用です。@edwoollardが正しい答えを提供しました。詳細については、こちらのリンクを経る:developer.android.com/guide/practices/ui_guidelines/...
シッダールタレレ

しかし、好奇心から質問するだけで、ランチャーアイコンに9パッチを使用できますか?
Mohammad Jafar Mashhadi 2014年

アイコンのさまざまなサイズを取得できます: play.google.com/store/apps/…–
Vipul Patel

Androidアプリ用とChromebookアプリ用の2つのアイコンを設定するにはどうすればよいですか。出来ますか?
Kiem Duong

回答:


705

それぞれに個別の画像を作成します。

LDPI should be 36 x 36.

MDPI should be 48 x 48.

TVDPI should be 64 x 64.

HDPI should be 72 x 72.

XHDPI should be 96 x 96.

XXHDPI should be 144 x 144.

XXXHDPI should be 192 x 192.

次に、それぞれをドローアブルフォルダーの別々の茎に入れます。

また、Google Playストアにアプリをアップロードするときに、アイコンの大きなバージョンを提供する必要がありますWEB 512 x 512。これはにする必要があります。これは非常に大きいので、GoogleはアプリをGoogle Playストア全体で宣伝し、ロゴにピクセレーションを追加しないように、任意のサイズに再スケーリングできます。

基本的に、他のすべてのアイコンは「ベースライン」アイコンに比例している必要がありますMDPI at 48 x 48

LDPI is MDPI x 0.75.

TVDPI is MDPI x 1.33.

HDPI is MDPI x 1.5.

XHDPI is MDPI x 2.

XXHDPI is MDPI x 3.

XXXHDPI is MDPI x 4.

これはすべてAndroid Developers WebサイトのIconographyページで説明されています:http : //developer.android.com/design/style/iconography.html


3
WEDバージョンはどこに置きますか?
Mafro34 2013

10
@ Mafro34 WEB版ってことかな?最後にアプリを完成させてGoogle Playストアにアップロードすると、512 x 512のアプリアイコンをアップロードするよう求められます。つまり、ユーザーはアプリを宣伝するために、アイコンをWebサイトおよびアプリの周囲のどこにでも使用できます。
edwoollard 2013

@ Mafro34彼らは512 x 512を要求し、ピクセル化を引き起こすことなく、アプリとWebサイトのさまざまな位置で必要なサイズにアイコンを縮小できるようにします。
edwoollard 2014年

@edwoollardおっと、申し訳ありませんが、最後の行( " this is all explained ...")は見つかりませんでした。あなたが持っているものは本質的に彼らの(進化する)要件のスナップショットです。
ashes999 2014

私はvelara3.comでAndroidランチャーアイコンをエクスポートするスクリプトを作成しました。私の調査から、XXHDPIは144ではなく180x180です。developer.android.com/ guide / practices / screens_support.htmlを参照してください。ページで「180x180(3.0x)for extra-extra-high-density」を検索します。ただし、144か所は見ました。
1.21ギガワット2015年

121

ランチャーアイコンの9パッチ画像を作成しないでください。それぞれに個別の画像を作成する必要があります。

LDPI - 36 x 36
MDPI - 48 x 48
HDPI - 72 x 72
XHDPI - 96 x 96
XXHDPI - 144 x 144
XXXHDPI - 192 x 192.
WEB - 512 x 512 (Require when upload application on Google Play)

注:WEB(512 x 512)画像は、Androidアプリケーションをマーケットにアップロードするときに使用されます。

|| Androidアプリのアイコンサイズ||

すべてのデバイス

hdpi=281*164
mdpi=188*110
xhdpi=375*219
xxhdpi=563*329
xxxhdpi=750*438

48 × 48 (mdpi)
72 × 72 (hdpi)
96 × 96 (xhdpi)
144 × 144 (xxhdpi)
192 × 192 (xxxhdpi)
512 × 512 (Google Play store)

2
@ RED​​.Skullいいえ、彼はGoogleデベロッパーダッシュボードにアップロードしたアイコンをユーザーが市場で閲覧できることを意味します
Mirko

6
@Ogen-質問するのは良い習慣です。はい、単位はピクセルです。
Chirag

192 x 192バージョンをmipmap-xxxhdpiフォルダーに提供し、システムに適切に縮小させることは可能ですか?
eliasbagley

@eliasbagley:もちろんです。しかし、それは最適ではありません(そうでなければ、密度固有のフォルダーのシステム全体が存在しません)。
Jonik

97

Androidアイコンには、画面のピクセル密度ごとに5つの異なるサイズが必要です。低解像度のアイコンは、ベースラインから自動的に作成されます。

mdpi (Baseline): 160 dpi 1×
hdpi: 240 dpi 1.5×
xhdpi: 320 dpi 2×
xxhdpi: 480 dpi 3×
xxxhdpi: 640 dpi 4× (launcher icon only)

ランチャーアイコン(.Png)

48 × 48 (mdpi)
72 × 72 (hdpi)
96 × 96 (xhdpi)
144 × 144 (xxhdpi)
192 × 192 (xxxhdpi)
512 × 512 (Google Play store)

アクションバー、ダイアログ、タブのアイコン

24 × 24 area in 32 × 32 (mdpi)
36 × 36 area in 48 × 48 (hdpi)
48 × 48 area in 64 × 64 (xhdpi)
72 × 72 area in 96 × 96 (xxhdpi)
96 × 96 area in 128 × 128 (xxxhdpi)*

通知アイコン

22 × 22 area in 24 × 24 (mdpi)
33 × 33 area in 36 × 36 (hdpi)
44 × 44 area in 48 × 48 (xhdpi)
66 × 66 area in 72 × 72 (xxhdpi)
88 × 88 area in 96 × 96 (xxxhdpi)*

小さなコンテキストアイコン

16 × 16 (mdpi)
24 × 24 (hdpi)
32 × 32 (xhdpi)
48 × 48 (xxhdpi)
64 × 64 (xxxhdpi)*

のみランチャーアイコンで必要なxxxhdpiサイズのサポート、複数のスクリーン公式サイトは述べています。


1
さまざまなコンテキストにサイズを追加していただきありがとうございます。これのソースはありますか?
Krøllebølle

Androidサイトのアイコンサイズの参照はどこにありますか?
Mahdi、

38

アダプティブアイコン

Android 8.0以降では、アダプティブアイコンがあり、2つの別々のレイヤーで構成されています。どちらのレイヤーも108 x 108 dpです。

ここに画像の説明を入力してください

(画像はAndroidドキュメントから変更)

サイズ

Android 8.0より前のバージョンをサポートしている場合でも、従来のサイズ(48dp)を含める必要があります。以下の解像度ごとにピクセルサイズを赤でマークしました。

ここに画像の説明を入力してください

手でやらないで

必要に応じて、すべて手作業で作成できると思いますが、私の日々は終わりました。Android Studio 3.0 Asset Studioは非常に優れており、すべてが生成されます。あなたがしなければならないのは、十分に大きな前景と背景の画像を提供することだけです。(私は1024 x 1024ピクセルの画像を使用しました)。

Asset Studioを開くには、[ファイル]> [新規作成]> [画像アセット]に移動します

ここに画像の説明を入力してください


従来のアイコンにも背景を付ける必要がありますか?
android開発者

@android開発者は、背景レイヤーを指定せずにアイコンを生成する場合、アイコンタイプとして「レガシーのみ」を選択できます。「アダプティブとレガシー」を選択した場合、レガシーアイコンは前景レイヤーと背景レイヤーをマージして生成されます。
Suragch '14

実際の背景レイヤー自体(個別のレイヤーとして)は、Android 8.0以降のデバイスでのみ使用されます。
Suragch '14

以前にアダプティブアイコンスタイルをAndroid Oからのみ使用し、以前のスタイル(マージされていても追加の背景なし)を使用したい場合はどうなりますか?Android Oの背景を回避することもできますか?私はアダプティブアイコンのスタイルが好きではありません...
アンドロイド開発者

@android開発者は、2つのパスでアイコンを生成します。最初に「アダプティブとレガシー」を行い、両方のレイヤーを提供します。(この時点でレガシーアイコンを生成しないように指定することもできますが、それは問題ではありません。)次に、「レガシーのみ」を実行し、必要な画像(たとえば、前景画像)を選択します。レガシーアイコンが最初のパスですでに生成されている場合、それらは2番目のパスで新しい(背景のない)画像で上書きされます。これらのファイルはいつでも削除して、手動で作成した画像に置き換えることができます。
Suragch

24

Android Studioがアイコンを生成できる場合は、サードパーティのツールは必要ありません。

  • File-> New->Image Asset

  • 次にLauncher Icons資産タイプとして選択します

  • 画像ファイルの高解像度画像を選択してください

Android生成ランチャーアイコン

  • Next-> Finishアイコンを生成する

ic laucherアイコンを生成する

最後android:iconAndroidManifest.xml、必要に応じて名前フィールドを更新します。


4
Android Studioは、空白を削除するように指示し、パディングスライダーが左端にあることを確認したにもかかわらず、アイコンの周囲に余分なパディングを生成するようです。Android Studioのバグか、それともステップがないのですか?
チャン

この方法は(残念ながら)Android Studioが追加のパディングを挿入するために失敗します...
Micro

resフォルダーを右クリックし、[新規]> [画像アセット]を選択します。go .. developer.android.com/studio/write/image-asset-studio.html
Waruna Manjula 2017

9

512px X 512px以上の画像を提供し、このツールを使用してくださいhttps ://romannurik.github.io/AndroidAssetStudio/icons-launcher.html

PlayストアのWeb画像を含め、すべてのアイコンが正しいサイズで生成されます。


かっこいいですが、ldpiサイズは生成しません。PNG画像データ、36 x 36、8ビット/カラーRGBA、ノンインターレース。このサイズは、ジェリービーンズ:) ..実行しているデバイスで使用されている
ハドソンサントスを

Android Studioで新しいプロジェクトを作成すると、ldpiフォルダーがなくなっていることがわかります。あなたはもうそれらを必要としないと思います。
LuckyMalaka 2016年

7

LDPIは36 x 36である必要があります。

MDPI 48 x 48。

TVDPI 64 x 64。

HDPI 72 x 72。

XHDPI 96 x 96。

XXHDPI 144 x 144。

XXXHDPI 192 x 192。


1
他の人がまだ提供していないとあなたの答えは何を提供しましたか?評判のために他の人の答えに頼らないでください...それを自分で獲得してください。
edwoollard 2016年

正確なコピー+は、このことから、この答えを貼り付けるようなこのルックス:stackoverflow.com/a/12768159/1974224
Cristik

7

マテリアルデザインガイドライン(ここでは、「DPユニットグリッド」の下)に従って、製品アイコンのサイズは48 dp、パディングは1 dpである必要があります。ただし、XXXHDPIの場合、パディングは4 dpである必要があります。

したがって、ピクセル単位のサイズは次のとおりです。

  • 48×48(mdpi)、1 dpのパディング
  • 72×72(hdpi)、1 dpのパディング
  • 96×96(xhdpi)、1 dpパディング
  • 144×144(xxhdpi)、1 dpパディング
  • 192×192(xxxhdpi)、4 dpパディング

一部のランチャーではサポートされていないため、VectorDrawableの使用は避けることをお勧めしますが、minSdkが透明性をサポートしている限り(WEB 18は、API 18以降-Android 4.3)、問題ないはずです。

Playストアで公開する場合、そこに何をアップロードする必要があるか(ここに基づいて):

  • 32ビットPNG(アルファあり)
  • サイズ:512px x 512px
  • 最大ファイルサイズ:1024KB

6

@MartinVonMartinsgrünが述べたように、Androidスタジオにはより良いツールが存在し、ジェネレーターをアサートします

アプリケーションアイコン(Toolbar、ActionBar、DrawableLeftなど)の場合:http : //romannurik.github.io/AndroidAssetStudio/icons-actionbar.html

ランチャー(アプリケーションアイコン)の場合:https : //romannurik.github.io/AndroidAssetStudio/icons-launcher.html

しかし、アイコンとランチャーアイコンの解像度を向上させるためのいくつかのトリックと方法を次に示します。

ステップ1 :

まず、https://materialdesignicons.comにアクセスして、アイコンを選択します。または、アイコンの解像度が適切な場合は、この手順をスキップしてください。目的のアイコンをクリックして[詳細エクスポート]をクリックすると、次のようなウィンドウが開きますできるだけ大きなアイコンを生成するようにしてください

次に、「アイコン」をクリックしてアイコン(.png)を生成します。秘訣は、高解像度のデバイスで可能な限り大きなアイコンを生成することであり、ツールは小さなデバイスですべてのアイコンを処理しますが、小さなアイコンを使用すると、ハイエンドデバイスのアイコンを生成するときにアイコンの解像度が失われます。

ステップ2 :

次に、[ツール]ページに移動してアイコンをアップロードしますここに画像の説明を入力してください

アイコンに色を付ける場合は、[カスタム]をクリックします。アップロードするアイコンの色に関係なく、カスタムを使用して、必要な色を生成できます。次に名前を選択し、「。ZIPをダウンロード」をクリックします。これにより、ほとんどの一般的な解像度のアイコンが付いた.zipファイルがダウンロードされます。アプリケーションプロジェクトフォルダーにresフォルダーをコピーして貼り付けると、描画可能なセクションにアイコンが表示されます。


4

PhoneGapアプリのすべてのプラットフォームアイコンを単一のSVGアイコンファイルから生成するスクリプトを投稿しました。既存のビットマップがある場合は、既存のビットマップからSVGベクトルを生成するのに役立ついくつかのメモも含めます。これはすべてのビットマップでは機能しませんが、あなたのビットマップでは機能するかもしれません。


私はSencha Touchで開発しているので、Senchaのアイコンを生成するコードも含まれています。これを削除して、ニーズに合わせるのは簡単です。起動画面を生成するのに役立ついくつかの貢献を高く評価したい
Tony O'Hagan '28

はは...私はこれをzshスクリプトでやっただけです。まあ、くそー。
dylnmc 2015年

象徴的なフレームワークには、スプラッシュ画面とアプリアイコン用の画像ジェネレーターも含まれています
Tony O'Hagan '20

2

同じ問題がありましたが、許可された正方形(私の場合は512 x 512)内のアイコングラフィックの配置が最大化されていないことに気付きました。それで、画像を回転させて、隅をよりよく埋めるように拡大できました。それから私は右の私の上でクリックしたres後、選択し、アンドロイドStudioの私のプロジェクトのフォルダNewそしてImage Asset、それは私が使用する私のイメージファイルを選択するようになったウィザードを使用して連れて行ってくれました。次に、「空白スペースをトリムする」というチェックボックスをオンにすると、四角形の側面に触れることができるすべてのエッジを確認できます。これらのステップは、元のステップよりもはるかに大きくなりました。


1

Google Playストアアプリの送信用の起動画像とスラッシュ画像のサイズ

  1. 高解像度アイコン。PFB必要なサイズのテーブル32ビットPNG(アルファ付き)、サイズ:512px x 512px、最大ファイルサイズ:1024KB

必要な起動アイコンとスプラッシュ画像のサイズ

  1. 全体で少なくとも2枚のスクリーンショットが必要です(タイプごとに最大8枚のスクリーンショット、タイプには「電話」、「7インチタブレット」、「10インチタブレット」が含まれます)JPEGまたは24ビットPNG(アルファなし)、最小サイズ:320ピクセル、最大サイズ:3840px、サンプルサイズ:320 x 480、480 x 800、480 x 854、1280 x 720、1280 x 800 24ビットPNGまたはJPEG

0

Androidスタジオ自体で直接アイコンを作成できます。次の手順に従ってください。

1. Res-> New-> Imageアセットを右クリックします。

2.画像​​にアセットタイプを変更します。

3.ローカルディスクからイメージをロードする

必要に応じて、トリミング、パディングの変更、背景の追加のオプションがあります。値を変更します。

5. [次へ]-> [完了]をクリックします。

ランチャーアイコンまたはdrawable-mdpi、drawable-hdpi、drawable-xhdpi、drawable-xxhdpi、drawable- xxxhdpiあなたが他のアイコンオプチンを選択した場合。

弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.