Android - Rozmiar ikony uruchamiania

350

Dla HDPI, XHDPIitp jaka powinna być idealna wielkość ikony menu? Czy muszę tworzyć 9-Patchobrazy, aby ikona skalowała się automatycznie, czy lepiej byłoby utworzyć osobne ikony?

AndroidDev
źródło
9
Państwo nie tworzyć obrazy 9-patch do wyrzutni ikon. 9-łatka dotyczy obrazów (zasobów) w aplikacji. @edwoollard podał prawidłową odpowiedź. Aby uzyskać więcej informacji, przejdź przez ten link tutaj: developer.android.com/guide/practices/ui_guidelines/…
Siddharth Lele,
Ale pytając z ciekawości, czy możemy użyć 9 łatek do ikony uruchamiania?
Mohammad Jafar Mashhadi
Możesz uzyskać inny rozmiar ikon: play.google.com/store/apps/…
Vipul Patel
jak mogę ustawić 2 różne ikony: jedną dla aplikacji na Androida, drugą dla aplikacji na Chromebooka. Czy to możliwe?
Kiem Duong

Odpowiedzi:

705

Tworzę osobne obrazy dla każdego:

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.

Następnie po prostu umieść każdy z nich w osobnych łodygach folderu, który można wyciągnąć.

Podczas przesyłania aplikacji do sklepu Google Play musisz podać dużą wersję swojej ikony. Tak powinno być WEB 512 x 512. Jest tak duży, że Google może przeskalować go do dowolnego rozmiaru, aby reklamować Twoją aplikację w sklepie Google Play i nie dodawać pikselizacji do Twojego logo.

Zasadniczo, wszystkie inne ikony powinny być proporcjonalne do ikony „bazowego” 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.

Wszystko to wyjaśniono na stronie Ikonografia w witrynie Android Developers: http://developer.android.com/design/style/iconography.html

edwoollard
źródło
3
Gdzie umieścisz wersję WED?
Mafro34,
10
@ Mafro34 Zakładam, że masz na myśli wersję WEB? Gdy w końcu ukończysz aplikację i prześlesz ją do Google Play Store, poprosi Cię o przesłanie ikony aplikacji 512 x 512. Oznacza to, że mogą następnie użyć ikony w dowolnym miejscu witryny i aplikacji w celu reklamowania Twojej aplikacji.
edwoollard,
@ Mafro34 Proszą o 512 x 512, aby mogli skalować ikonę do wymaganego rozmiaru w różnych pozycjach aplikacji i witryny, bez powodowania pikselizacji.
edwoollard
@edwoollard ups, przepraszam, nie widziałem twojej ostatniej linii („ this is all explained ...”). To, co masz, jest zasadniczo migawką ich (ewoluujących) wymagań.
ashes999
Stworzyłem skrypt, który eksportuje ikony uruchamiania Androida na velara3.com, a z moich badań wynika, że ​​XXHDPI to 180 x 180, a nie 144. Zobacz developer.android.com/guide/practices/screens_support.html. Wyszukaj na stronie hasło „180x180 (3,0x), aby uzyskać wyjątkowo wysoką gęstość”. Jednak widziałem 144 kilka miejsc.
1,21 gigawata
121

Nie twórz obrazów z 9 łatami dla ikon programów uruchamiających. Musisz stworzyć osobny obraz dla każdego.

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)

Uwaga: obraz WEB (512 x 512) jest używany podczas przesyłania aplikacji Android na Market.

|| Rozmiar ikony aplikacji na Androida ||

Wszystkie urządzenia

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)
Chirag
źródło
2
@ RED.Skull nie, on oznacza ikonę, którą przesyłasz do pulpitu programisty Google, aby użytkownicy mogli ją oglądać na rynku
Mirko
6
@Ogen - Dobrze jest zadawać pytanie, tak, jednostki są w pikselach.
Chirag
Czy można po prostu podać wersję 192 x 192 w folderze mipmap-xxxhdpi i odpowiednio skalować system?
eliasbagley,
@eliasbagley: Jasne, że działa. Ale to nie jest optymalne (inaczej nie istniałby cały system folderów specyficznych dla gęstości).
Jonik
98

Ikony Androida wymagają pięciu osobnych rozmiarów dla różnych gęstości pikseli ekranu. Ikony dla niższej rozdzielczości są tworzone automatycznie od linii bazowej.

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)

Ikony uruchamiania (.Png)

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

Pasek działań, ikony okna dialogowego i karty

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

Ikony powiadomień

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

Małe ikony kontekstowe

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

Rozmiar xxxhdpi wymagany tylko przez ikonę programu uruchamiającego, jak podaje oficjalna strona Wspieranie wielu ekranów .

STS
źródło
1
Dziękujemy za dodanie rozmiarów dla różnych kontekstów. Czy masz na to źródło?
Krøllebølle,
gdzie jest odniesienie do rozmiaru ikony w witrynie Androida?
Mahdi
39

Ikony adaptacyjne

Począwszy od systemu Android 8.0 dostępne są ikony adaptacyjne, które składają się z dwóch oddzielnych warstw. Obie warstwy mają 108 x 108 dp.

wprowadź opis zdjęcia tutaj

(obraz na podstawie dokumentacji Androida )

Rozmiary

Jeśli obsługujesz wersje poniżej Androida 8.0, nadal musisz dołączyć starsze rozmiary ( 48dp). Rozmiar piksela zaznaczyłem na czerwono dla każdej rozdzielczości poniżej.

wprowadź opis zdjęcia tutaj

Nie rób tego ręcznie

Sądzę, że możesz zrobić to wszystko ręcznie, jeśli chcesz, ale muszę powiedzieć, że moje dni robienia tego już minęły. Android Studio 3.0 Asset Studio jest całkiem dobry i wygeneruje je wszystkie dla Ciebie. Wystarczy, że dostarczysz wystarczająco duży obraz pierwszego planu i tła. (Użyłem obrazu 1024 x 1024 px).

Aby otworzyć Asset Studio, przejdź do Plik> Nowy> Zasób obrazu .

wprowadź opis zdjęcia tutaj

Suragch
źródło
Czy starsze ikony też będą musiały mieć tło?
programista Androida
@android developer, możesz wybrać „Tylko starsze” jako typ ikon, jeśli chcesz generować ikony bez określania warstwy tła. Jeśli wybierzesz „Adaptacyjne i starsze”, starsze ikony zostaną wygenerowane przez połączenie warstw pierwszego planu i tła.
Suragch
Rzeczywista sama warstwa tła (jako odrębna warstwa) będzie kiedykolwiek używana tylko na urządzeniach z Androidem 8.0+.
Suragch
Co jeśli chcę, aby styl adaptacyjnych ikon był używany tylko w Androidzie O, a starsze style (bez dodatkowego tła, nawet jeśli zostały scalone) wcześniej? Czy można także uniknąć tła w Androidzie O? Nie lubię stylu ikon adaptacyjnych ...
deweloper Androida
@android developer, wystarczy wygenerować ikony w dwóch przejściach. Najpierw wykonaj „Adaptive and Legacy” i podaj obie warstwy. (Możesz nawet określić, aby nie generować ikon Dziedzictwa w tym momencie, ale to nie ma znaczenia.) Następnie wykonaj „Tylko Dziedzictwo” i wybierz dowolny obraz (na przykład obraz pierwszego planu). Jeśli ikony Dziedzictwo zostały już wygenerowane w pierwszym przejściu, zostaną zastąpione nowym (bez tła) obrazem w drugim przejściu. Pamiętaj, że zawsze możesz usunąć dowolny z tych plików i zastąpić je ręcznie utworzonymi obrazami.
Suragch
24

Nie potrzebujesz narzędzi innych firm, gdy Android Studio może wygenerować dla nas ikony.

  • File-> New->Image Asset

  • Następnie wybierz Launcher Icons jako typ zasobu:

  • Wybierz obraz wysokiej rozdzielczości dla pliku obrazu:

Android Generuj ikony uruchamiania

  • Next-> Finishaby wygenerować ikony

generować ikony ic laucher

Na koniec zaktualizuj android:iconpole nazwy w AndroidManifest.xmlrazie potrzeby.

Gayan Weerakutti
źródło
4
Android Studio wydaje się generować dodatkowe wypełnienie wokół moich ikon, mimo że kazałem przyciąć puste miejsca i upewnić się, że suwak wypełnienia jest maksymalnie w lewo. Błąd w Android Studio, a może brakuje mi kroku?
Zhang
Ta metoda (niestety) jest do kitu ze względu na dodatkową wyściółkę wprowadzaną przez Android Studio ...
Micro
Kliknij folder res prawym przyciskiem myszy i wybierz Nowy> Zasób obrazu. przejdź do .. developer.android.com/studio/write/image-asset-studio.html
Waruna Manjula
9

Podaj co najmniej obraz X 512 pikseli x 512 pikseli i użyj tego narzędzia: https://romannurik.github.io/AndroidAssetStudio/icons-launcher.html

Wygeneruje dla Ciebie wszystkie ikony we właściwym rozmiarze, w tym obraz internetowy sklepu Play.

LuckyMalaka
źródło
Fajnie, ale nie generuje rozmiaru ldpi: dane obrazu PNG, 36 x 36, 8-bitowy / kolorowy RGBA, bez przeplotu. Ten rozmiar jest używany na urządzeniach z Jelly Beans :) ..
Hudson Santos
Utwórz nowy projekt w Android Studio, a zobaczysz, że nie ma już folderu ldpi. Zakładam, że już ich nie potrzebujesz.
LuckyMalaka,
7

LDPI powinien wynosić 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.

rajlaxmi_jagdale
źródło
1
Jaka była twoja odpowiedź, że inni jeszcze tego nie zrobili? Nie pij odpowiedzi innych ludzi za reputację ... zdobądź je sam.
edwoollard
To wygląda jak dokładna kopia + wklej z tej odpowiedzi: stackoverflow.com/a/12768159/1974224
Cristik
7

Zgodnie z wytycznymi dotyczącymi projektowania materiałów ( tutaj , pod „Siatką jednostki DP”) ikona produktu powinna mieć rozmiar 48 dp, z wypełnieniem 1dp, z wyjątkiem przypadku XXXHDPI, w którym wypełnienie powinno wynosić 4dp.

W pikselach rozmiary są następujące:

  • 48 × 48 (mdpi), z wypełnieniem 1 dp
  • 72 × 72 (hdpi), z wypełnieniem 1 dp
  • 96 × 96 (xhdpi), z wypełnieniem 1 dp
  • 144 × 144 (xxhdpi), z wypełnieniem 1 dp
  • 192 × 192 (xxxhdpi), z wypełnieniem 4 dp

Zalecam unikanie używania VectorDrawable, ponieważ niektóre programy uruchamiające go nie obsługują, ale myślę, że WEBP powinien działać poprawnie, o ile masz dla nich przezroczystość obsługi minSdk (API 18 i wyżej - Android 4.3).

Jeśli publikujesz w Sklepie Play, wymagane są następujące elementy (na podstawie tutaj ):

  • 32-bitowy PNG (z alfa)
  • Wymiary: 512 na 512 pikseli
  • Maksymalny rozmiar pliku: 1024 KB
programista Androida
źródło
6

Jak wspomniano @ MartinVonMartinsgrün Teraz istnieje Lepsze narzędzia niż generowanie generatora w Android Studio

Ikona aplikacji (pasek narzędzi, pasek zadań, DrawableLeft itp.) Użyj: http://romannurik.github.io/AndroidAssetStudio/icons-actionbar.html

Do uruchamiania (ikona aplikacji) Użyj: https://romannurik.github.io/AndroidAssetStudio/icons-launcher.html

Ale oto kilka sztuczek i sposobów na uzyskanie lepszej rozdzielczości ikon i ikon programu uruchamiającego.

Krok 1 :

Najpierw przejdź na https://materialdesignicons.com i wybierz swoją ikonę. Lub jeśli masz ikonę w dobrej rozdzielczości, pomiń ten krok. Kliknij żądaną ikonę i kliknij „Zaawansowany eksport”, otworzy się poniższe okno poniżejSpróbuj wygenerować jak największą ikonę

Następnie kliknij „Ikona”, aby wygenerować ikonę (.png). Sztuką jest próba wygenerowania jak największej ikony dla urządzeń o wysokiej rozdzielczości, a narzędzia poradzą sobie z tym wszystkim dla małych urządzeń, ale jeśli użyjesz małej ikony, podczas generowania ikony dla urządzeń wysokiej klasy stracisz rozdzielczość ikony.

Krok 2 :

Następnie przejdź do strony Narzędzia i prześlij ikonęwprowadź opis zdjęcia tutaj

Kliknij „Niestandardowy”, jeśli chcesz pokolorować swoją ikonę. Bez względu na przesyłany kolor ikony, korzystając z opcji Niestandardowy, możesz wygenerować dowolny kolor. Następnie wybierz nazwę i kliknij „Pobierz .ZIP”. Spowoduje to pobranie pliku .zip z ikoną dla większości popularnych rozdzielczości. Możesz skopiować i wkleić folder res w folderze projektu aplikacji, a zobaczysz ikonę w części do rysowania.

sh0umik
źródło
4

Opublikowałem skrypt do generowania wszystkich ikon platform dla aplikacji PhoneGap z jednego pliku ikon SVG. Jeśli masz istniejące mapy bitowe, dołączam także uwagi, które mogą pomóc w generowaniu wektorów SVG z istniejącej mapy bitowej. To nie zadziała dla wszystkich bitmap, ale może być twoje.

Tony O'Hagan
źródło
Tworzę w Sencha Touch, więc zawiera także kod do generowania ikon dla Sencha. Łatwo to usunąć i dostosować do swoich potrzeb. Doceniam wkład w generowanie ekranów startowych
Tony O'Hagan
Haha ... Właśnie to zrobiłem w skrypcie zsh. Cholera.
dylnmc,
Ikoniczny framework zawiera także generator obrazów dla ekranów Splash i ikon aplikacji
Tony O'Hagan
2

Miałem ten sam problem, ale potem zdałem sobie sprawę, że rozmieszczenie mojej ikony grafiki w dozwolonym kwadracie (512 x 512 w moim przypadku) nie zostało zmaksymalizowane. Więc obróciłem obraz i mogłem go przeskalować, aby lepiej wypełnić rogi. Następnie kliknąłem prawym przyciskiem myszy mój resfolder w moim projekcie w Android Studio, a Newnastępnie Image Assetwybrałem, to poprowadziło mnie przez kreatora, w którym musiałem wybrać plik obrazu do użycia. Następnie, jeśli zaznaczysz pole „Przytnij otaczającą pustą przestrzeń”, upewni się, że wszystkie krawędzie, które są w stanie, dotkną boków kwadratu. Te kroki sprawiły, że jest znacznie większy niż oryginał.

Azurespot
źródło
1

Uruchom obraz i rozmiar obrazu Slash w celu przesłania aplikacji do Sklepu Google Play

  1. Ikona wysokiej rozdzielczości. PFB tabela wymaganych rozmiarów 32-bitowy PNG (z alfa), wymiary: 512 na 512 pikseli, maksymalny rozmiar pliku: 1024 KB

Wymagana ikona uruchamiania i rozmiar obrazu powitalnego

  1. Wymagane są co najmniej 2 zrzuty ekranu (maks. 8 zrzutów ekranu na typ, typy obejmują „Telefon”, „7-calowy tablet” i „10-calowy tablet”). JPEG lub 24-bitowy PNG (bez alfa), minimalny wymiar: 320px , Maksymalny wymiar: 3840px, Rozmiary próbek: 320 x 480, 480 x 800, 480 x 854,1280 x 720, 1280 x 800 24 bity PNG lub JPEG
Anitha
źródło
0

Możesz tworzyć ikony bezpośrednio w samym studio Android. Kroki, które musisz wykonać to:

1. Kliknij prawym przyciskiem myszy Res-> Nowy-> Zasób obrazu

2.Zmień typ zasobu na obraz.

3. Załaduj obraz z dysku lokalnego

4.Masz opcje przycinania, zmiany wypełnienia i dodawania tła. Zmień wartości, jeśli potrzebujesz.

5. kliknij Dalej-> Zakończ.

Obraz zostanie automatycznie dodany do mipmap-mdpi, mipmap-hdpi, mipmap-xhdpi, mipmap-xxhdpi, mipmap-xxxhdpi, jeśli wybierzesz ikonę programu uruchamiającego lub drawable-mdpi, drawable-hdpi, drawable-xhdpi, drawable-xxhdpi, drawable- xxxhdpi, jeśli wybierzesz inne ikony opcji.

Sharath Kumar
źródło