Android - Başlatıcı Simge Boyutu


350

, Vb. İçin HDPI, XHDPIbaşlatıcı simgesinin ideal boyutu ne olmalıdır? 9-PatchSimgenin otomatik olarak ölçeklenmesi için resimler oluşturmam gerekir mi yoksa ayrı simgeler oluşturmak daha mı iyi olur?


9
Sen yok başlatıcısı simgeler için 9-yama görüntüler oluşturmak. 9-yama uygulama içindeki görüntüler (kaynaklar) içindir. @edwoollard doğru cevabı verdi. Daha fazla bilgi için bu bağlantıyı buradan ziyaret edin: developer.android.com/guide/practices/ui_guidelines/…
Siddharth Lele

Ancak meraktan sormak, başlatıcı simgesi için 9 yamayı kullanabilir miyiz?
Mohammad Jafar Mashhadi

Simgeler için farklı boyutlar alabilirsiniz: play.google.com/store/apps/…
Vipul Patel

2 farklı simgeyi nasıl ayarlayabilirim: biri android uygulaması için, diğeri Chromebook uygulaması için. Mümkün mü?
Kiem Duong

Yanıtlar:


705

Her biri için ayrı resimler oluştururdum:

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.

Sonra her birini çekilebilir klasörün ayrı saplarına koyun.

Uygulamanızı Google Play Store'a yüklerken simgenizin büyük bir sürümünü de vermeniz gerekir ve bu olmalıdır WEB 512 x 512. Bu o kadar büyük ki Google, uygulamanızın Google Play Store'da reklamını yapmak ve logonuza piksel eklemek için herhangi bir boyuta yeniden ölçeklendirebilir.

Temel olarak, diğer tüm simgeler 'taban çizgisi' simgesiyle orantılı olmalıdır 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.

Tüm bunlar Android Geliştiricileri web sitesinin İkonografi sayfasında açıklanmıştır: http://developer.android.com/design/style/iconography.html


3
WED sürümünü nereye koyarsınız?
Mafro34

10
@ Mafro34 WEB versiyonunu mu demek istediniz? Sonunda uygulamanızı tamamlayıp Google Play Store'a yüklediğinizde, 512 x 512 uygulama simgesi yüklemenizi ister. Bu, daha sonra, uygulamanızın reklamını yapmak için simgeyi web sitesinin ve uygulamanın herhangi bir yerinde kullanabildikleri anlamına gelir.
edwoollard

@ Mafro34 512 x 512 ister, böylece simgeyi, uygulamanın ve web sitesinin farklı konumlarında, pikselleşmeye neden olmadan, ihtiyaç duydukları boyuta göre ölçeklendirebilirler.
edwoollard

@ edwoollard ayy, üzgünüm, son satırını görmedim (" this is all explained ..."). Sahip olduğunuz şey aslında onların (gelişen) gereksinimlerinin bir görüntüsüdür.
ashes999

Velara3.com'da Android başlatıcısı simgelerini dışa aktaran bir komut dosyası oluşturdum ve araştırmamdan XXHDPI 144 değil 180x180'dir. Developer.android.com/guide/practices/screens_support.html adresine bakın. Sayfada "ekstra ekstra yüksek yoğunluk için 180x180 (3.0x)" ifadesini aratın. Ancak 144'ü birkaç yerde gördüm.
1.21 gigawatts

121

Başlatıcı simgeleri için 9 yama görüntüleri oluşturma. Her biri için ayrı görüntü oluşturmalısınız.

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)

Not: Android uygulamanızı Market'e yüklediğinizde WEB (512 x 512) görüntüsü kullanılır.

|| Android Uygulaması Simge Boyutu ||

Tüm cihazlar

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
Kafatası no, Google Geliştirici Gösterge Tablosu'na yüklediğiniz simgenin kullanıcılar tarafından piyasada görüntülenmesi anlamına gelir
Mirko

6
@Ogen - Soru sormak iyi bir alışkanlıktır, evet birimler piksel cinsindendir.
Chirag

192 x 192 sürümünü mipmap-xxxhdpi klasöründe sağlamak ve sistemin uygun şekilde ölçeklendirmesini sağlamak mümkün mü?
eliasbagley

@eliasbagley: Elbette, işe yarıyor. Ancak bu uygun değildir (aksi takdirde yoğunluğa özgü klasörlerin tamamı mevcut olmaz).
Jonik

98

Android simgeleri, farklı ekran piksel yoğunlukları için beş ayrı boyut gerektirir. Daha düşük çözünürlük simgeleri taban çizgisinden otomatik olarak oluşturulur.

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)

Başlatıcı simgeleri (.Png)

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

Eylem çubuğu, İletişim Kutusu ve Sekme simgeleri

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)*

Bildirim simgeleri

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)*

Küçük Bağlamsal Simgeler

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

Birden çok Ekranı Destekleme resmi sitesinin söylediği gibi, yalnızca başlatıcı simgesinin ihtiyaç duyduğu xxxhdpi boyutu .


1
Çeşitli bağlamlar için boyutlar eklediğiniz için teşekkür ederiz. Bunun için kaynağın mevcut mu?
Krøllebølle

android sitesinde simge boyutu referansı nerede?
Mehdi

39

Uyarlanabilir Simgeler

Android 8.0'dan başlayarak iki ayrı katmandan oluşan uyarlanabilir simgeler var. Her iki katman da 108 x 108 dp'dir.

resim açıklamasını buraya girin

(resim Android dokümanlarından uyarlanmıştır )

Boyutları

Android 8.0'ın altındaki sürümleri destekliyorsanız, hala eski boyutları ( 48dp) eklemeniz gerekir . Aşağıdaki her çözünürlük için piksel boyutlarını kırmızı ile işaretledim.

resim açıklamasını buraya girin

Elle yapma

İsterseniz hepsini elle yapabileceğinizi varsayalım, ama bunu yapmanın günlerimin bittiğini söylemeliyim. Android Studio 3.0 Asset Studio oldukça iyi ve hepsini sizin için üretecek. Tek yapmanız gereken yeterince büyük bir ön plan ve arka plan görüntüsü sağlamaktır. (1024 x 1024 piksel boyutunda bir resim kullandım).

Asset Studio'yu açmak için Dosya> Yeni> Görüntü Varlığı'na gidin .

resim açıklamasını buraya girin


Eski simgelerin de arka plana sahip olması gerekecek mi?
android geliştirici

@android geliştiricisi, arka plan katmanını belirtmeden simgeler oluşturmak istiyorsanız simge türü olarak "Yalnızca eski" yi seçebilirsiniz. "Uyarlanabilir ve Eski" seçeneğini belirlerseniz, eski simgeler ön plan ve arka plan katmanları birleştirilerek oluşturulur.
Suragch

Gerçek arka plan katmanının kendisi (ayrı bir katman olarak) yalnızca Android 8.0+ cihazlarda kullanılacaktır.
Suragch

Uyarlanabilir simgeler stilinin yalnızca Android O'dan ve eski stillerden (birleştirilse bile ekstra arka plan olmadan) kullanılmasını istersem ne olur? Android O'da arka plandan kaçınmak da mümkün mü? Uyarlanabilir simgeler tarzı sevmiyorum ...
android geliştirici

@android geliştirici, Sadece simgeleri iki geçişte oluşturun. Önce "Uyarlamalı ve Eski" yapın ve her iki katmanı da sağlayın. (Bu noktada Eski simgeleri oluşturmamayı bile belirtebilirsiniz, ancak bunun önemi yoktur.) Sonra "Yalnızca Eski" yapın ve istediğiniz resmi seçin (örneğin, ön plan görüntüsü). Eski simgeler ilk geçişte zaten oluşturulduysa, ikinci geçişteki yeni (arka plansız) görüntünüzün üzerine yazılır. Bu dosyalardan istediğinizi her zaman silebileceğinizi ve bunları elle oluşturduğunuz resimlerle değiştirebileceğinizi unutmayın.
Suragch

24

Android Studio bizim için simgeler oluşturabildiğinde üçüncü taraf araçlarına gerek yoktur.

  • File-> New->Image Asset

  • Ardından Varlık TürüLauncher Icons olarak seçin :

  • Görüntü dosyası için bir Yüksek çözünürlüklü görüntü seçin :

Android Başlatıcı Simgeleri Oluştur

  • Next-> Finishsimgeler oluşturmak için

ic laucher simgeleri oluşturmak

Son olarak gerekirse android:iconad alanını güncelleyin AndroidManifest.xml.


4
Android Studio, boşlukları kırpmasını söylememe ve dolgu sürgüsünün en sola kadar olduğundan emin olmama rağmen simgelerimin etrafında ekstra dolgu oluşturuyor gibi görünüyor. Android Studio ile ilgili bir hata olabilir mi yoksa bir adımı kaçırıyor muyum?
Zhang

Bu yöntem (ne yazık ki) ekstra dolgu nedeniyle Android Studio berbat ...
Micro

Res klasörünü sağ tıklayın ve Yeni> Görüntü Varlığı'nı seçin. .. geliştirici.android.com
studio/write/image

9

En az 512 piksel X 512 piksel resim sağlayın ve şu aracı kullanın: https://romannurik.github.io/AndroidAssetStudio/icons-launcher.html

Oyun mağazası için web resmi dahil olmak üzere sizin için tüm simgeleri doğru boyutta üretecektir.


Harika ama ldpi boyutu oluşturmuyor: PNG görüntü verileri, 36 x 36, 8 bit / renkli RGBA, titreşimsiz. Bu boyut Jelly Beans çalıştıran cihazlarda kullanılır :) ..
Hudson Santos

Android Studio ile yeni bir proje oluşturun ve artık ldpi klasörü olmadığını göreceksiniz. Artık onlara ihtiyacınız olmadığını varsayıyorum.
LuckyMalaka

7

LDPI 36 x 36 olmalıdır.

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
Cevabınız başkalarının henüz yapmadığını ne sağladı? Lütfen diğer insanların şöhret cevaplarına sülük etmeyin ... kendiniz kazanın.
edwoollard

Bu, bu yanıttan tam bir kopya + macun gibi görünüyor: stackoverflow.com/a/12768159/1974224
Cristik

7

Malzeme tasarım yönergelerine göre ( burada , "DP birim ızgarası" altında), ürün simgesinin, dolgunun 4dp olması gereken XXXHDPI hariç, 1dp'lik bir dolgu ile 48 dp boyutunda olması gerekir.

Yani, piksel cinsinden boyutlar:

  • 48 × 48 (mdpi), 1 dp dolgu ile
  • 72 × 72 (hdpi), 1 dp dolgu ile
  • 96 × 96 (xhdpi), 1 dp dolgu ile
  • 144 × 144 (xxhdpi), 1 dp dolgu ile
  • 192 × 192 (xxxhdpi), 4 dp dolgu ile

Bazı başlatıcılar desteklemediğinden VectorDrawable'ı kullanmaktan kaçınmanızı öneririm, ancak minBSD destek şeffaflığınız olduğu sürece WEBP'nin iyi olması gerektiğini düşünüyorum (API 18 ve üstü - Android 4.3).

Play Store'da yayınlarsanız, neyin yükleneceğine ilişkin gereksinim ( buraya göre ):

  • 32 bit PNG (alfa ile)
  • Boyutlar: 512 piksel x 512 piksel
  • Maksimum dosya boyutu: 1024 KB

6

@ @ MartinVonMartinsgrün belirttiği gibi Şimdi var Daha iyi araçlar sonra android stüdyoda jeneratör iddia

Uygulama Simgesi için (Araç Çubuğu, ActionBar, DrawableLeft vb.) Kullanın: http://romannurik.github.io/AndroidAssetStudio/icons-actionbar.html

Başlatıcı için (Uygulama Simgesi) Kullanın: https://romannurik.github.io/AndroidAssetStudio/icons-launcher.html

Ancak, simgeler ve başlatıcı simgeleri için daha iyi çözünürlük elde etmenin bazı püf noktaları ve yolu.

Aşama 1 :

Önce https://materialdesignicons.com adresine gidin ve simgenizi seçin. Veya simgeniz iyi bir çözünürlüğe sahipse bu adımı atlayın. İstediğiniz simgeye tıklayın ve "Gelişmiş Dışa Aktar" a tıklayın, aşağıdaki gibi bir pencere açılacaktırMümkün olduğunca büyük simge oluşturmaya çalışın

Ardından, ikon (.png) oluşturmak için "Simge" ye tıklayın. Hüner, yüksek çözünürlüklü cihazlar için mümkün olduğunca büyük bir simge oluşturmaya çalışır ve araçlar küçük cihazlar için hepsini ele alır, ancak küçük simge kullanırsanız, yüksek uçlu cihazlar için simge oluştururken simge çözünürlüğünü kaybedersiniz.

Adım 2 :

Ardından Araçlar sayfasına gidin ve Simgeyi Yükleyinresim açıklamasını buraya girin

Simgenizi renklendirmek istiyorsanız "Özel" i tıklayın. Hangi simgeyi yüklerseniz yükleyin, Özel'i kullanarak istediğiniz rengi oluşturabilirsiniz. Ardından bir ad seçin ve "İndir .ZIP" i tıklayın. Bu, yaygın çözümün çoğu için simgesiyle .zip dosyasını indirir. Res klasörünü uygulama proje klasörünüze kopyalayıp yapıştırabilirsiniz; çizilebilir bölümde simgesini görürsünüz.


4

PhoneGap uygulamaları için tüm platform simgelerini tek bir SVG simge dosyasından oluşturmak için bir komut dosyası yayınladım. Mevcut bitmap'leriniz varsa, mevcut bir bitmapten SVG vektörleri oluşturmanıza yardımcı olabilecek bazı notlar da ekliyorum. Bu, tüm bitmap'ler için çalışmaz, ancak sizinki için olabilir.


Ben de Sencha için simgeler oluşturmak için kod içerir Sencha Touch geliştirin. Bunu kaldırmak ve ihtiyaçlarınıza göre uyarlamak kolaydır. Başlangıç ​​ekranlarının oluşturulmasına yardımcı olmak için bazı katkılara değer veriyorum
Tony O'Hagan

Haha ... Bunu sadece bir zsh senaryosunda yaptım. Lanet olsun.
dylnmc

İkonik çerçeve ayrıca Splash ekranları ve uygulama simgeleri için bir görüntü oluşturucu içerir
Tony O'Hagan

2

Aynı problemi yaşadım ancak daha sonra ikon grafiğimin izin verilen kare içindeki düzenlemesinin (benim durumumda 512 x 512) maksimize edilmediğini fark ettim. Bu yüzden görüntüyü döndürdüm ve köşeleri daha iyi doldurmak için ölçeklendirebildim. Sonra sağ benim tıkladım ressonra seçim Android Studio projemde klasöründe Newsonra Image Asset, ben kullanımına benim resim dosyasını seçmek lazım bir sihirbaz aracılığıyla götürdü. Ardından, "Boş alanı çevreleyen" kutusunu işaretlerseniz, mümkün olan tüm kenarların karenizin kenarlarına dokunmasını sağlar. Bu adımlar orijinalinden çok daha büyük oldu.


1

Google Play Store uygulama sunumu için lansman resmi ve Slash resim boyutu

  1. Yüksek çözünürlüklü simgesi. PFB gerekli boyutlar için tablo 32 bit PNG (alfa ile), Boyutlar: 512 piksel x 512 piksel, Maksimum dosya boyutu: 1024 KB

Gerekli Başlatma Simgesi ve Sıçrama Görüntü boyutu

  1. Genel olarak en az 2 ekran görüntüsü gerekir (Tür başına maksimum 8 ekran görüntüsü, Türler "Telefon", "7 inç tablet" ve "10 inç tablet" i içerir). JPEG veya 24 bit PNG (alfa yok), Minimum boyut: 320 piksel , Maksimum boyut: 3840 piksel, Örnek boyutları: 320 x 480, 480 x 800, 480 x 854,1280 x 720, 1280 x 800 24 bit PNG veya JPEG

0

Doğrudan android stüdyosunda simgeler oluşturabilirsiniz. İzlemeniz gereken adımlar şunlardır:

1. Res-> New-> Image öğelerine sağ tıklayın

2. varlık türünü resme değiştirin.

3.Görüntüyü yerel diskten yükleyin

4.Kesme, dolgu değiştirme ve arka plan ekleme seçeneklerine de sahipsiniz.İhtiyacınız olduğunda değerleri değiştirin.

5. İleri-> Son'u tıklayın.

Başlatıcı simgesini veya çekilebilir mdpi, çekilebilir-hdpi, mipmap-xxhdpi, çekilebilir-xxhdpi, çekilebilir-mdpi, çekilebilir-xdppi, çekilebilir-xxhdpi, çekilebilir Başka simge seçenekleri seçerseniz xxxhdpi.

Sitemizi kullandığınızda şunları okuyup anladığınızı kabul etmiş olursunuz: Çerez Politikası ve Gizlilik Politikası.
Licensed under cc by-sa 3.0 with attribution required.