Android - Ukuran Ikon Peluncur


350

Untuk HDPI,, XHDPIdll. Apa yang seharusnya menjadi ukuran ideal ikon peluncur? Haruskah saya membuat 9-Patchgambar untuk ikon agar skala secara otomatis, atau lebih baik membuat ikon terpisah?


9
Anda tidak membuat gambar 9-patch untuk ikon peluncur. 9-patch adalah untuk gambar (sumber daya) dalam aplikasi. @edwoollard telah memberikan jawaban yang benar. Untuk informasi lebih lanjut, buka tautan ini di sini: developer.android.com/guide/practices/ui_guidelines/…
Siddharth Lele

Tetapi hanya karena penasaran, bisakah kita menggunakan 9-patch untuk ikon peluncur?
Mohammad Jafar Mashhadi

Anda bisa mendapatkan ukuran berbeda untuk ikon: play.google.com/store/apps/…
Vipul Patel

bagaimana cara menetapkan 2 ikon berbeda: satu untuk aplikasi android, satu untuk aplikasi Chromebook. Apa itu mungkin?
Kiem Duong

Jawaban:


705

Saya akan membuat gambar terpisah untuk masing-masing:

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.

Kemudian letakkan masing-masing di tangkai terpisah dari folder yang dapat digambar.

Anda juga diharuskan untuk memberikan ikon versi besar saat mengunggah aplikasi ke Google Play Store dan ini seharusnya WEB 512 x 512. Ini sangat besar sehingga Google dapat mengubah skala ke ukuran apa pun untuk mengiklankan aplikasi Anda di seluruh Google Play Store dan tidak menambahkan pixelation ke logo Anda.

Pada dasarnya, semua ikon lainnya harus sebanding dengan ikon 'garis dasar' 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.

Ini semua dijelaskan pada halaman Ikonografi situs web Pengembang Android: http://developer.android.com/design/style/iconography.html


3
Di mana Anda meletakkan versi WED?
Mafro34

10
@ Mafro34 Saya kira yang Anda maksud adalah versi WEB? Ketika Anda akhirnya menyelesaikan aplikasi dan mengunggahnya ke Google Play Store, ia akan meminta Anda untuk mengunggah ikon aplikasi 512 x 512. Ini berarti mereka kemudian dapat menggunakan ikon di mana saja di sekitar situs web dan aplikasi untuk mengiklankan aplikasi Anda.
edwoollard

@ Mafro34 Mereka meminta 512 x 512 sehingga mereka kemudian dapat menurunkan ikon ke ukuran apa pun yang mereka butuhkan di berbagai posisi aplikasi dan situs web, tanpa menyebabkan pixelasi.
edwoollard

@edwoollard oops, maaf, saya tidak melihat baris terakhir Anda (" this is all explained ..."). Apa yang Anda miliki pada dasarnya adalah snapshot dari persyaratan mereka (yang berevolusi).
ashes999

Saya telah membuat skrip yang mengekspor ikon peluncur Android di velara3.com dan dari penelitian saya XXHDPI adalah 180x180 bukan 144. Lihat developer.android.com/guide/practices/screens_support.html. Cari di halaman untuk, "180x180 (3.0x) untuk kepadatan ekstra-ekstra-tinggi". Namun, saya telah melihat 144 beberapa tempat.
1,21 gigawatt

121

Jangan Buat gambar 9-patch untuk ikon peluncur. Anda harus membuat gambar terpisah untuk masing-masing gambar.

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)

Catatan: Gambar WEB (512 x 512) digunakan saat Anda mengunggah aplikasi Android di Market.

|| Ukuran Ikon Aplikasi Android ||

Semua perangkat

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 tidak, maksudnya ikon yang Anda unggah ke Dasbor Pengembang Google untuk dilihat di pasar oleh pengguna
Mirko

6
@ Ogen - Merupakan kebiasaan yang baik untuk mengajukan pertanyaan, ya unit berada dalam piksel.
Chirag

Apakah mungkin untuk hanya menyediakan versi 192 x 192 dalam folder mipmap-xxxhdpi dan menurunkan skala sistem secara tepat?
eliasbagley

@eliasbagley: Tentu, itu berhasil. Tapi itu tidak optimal (jika tidak seluruh sistem folder kepadatan-spesifik tidak akan ada).
Jonik

98

Ikon Android memerlukan lima ukuran terpisah untuk kerapatan piksel layar yang berbeda. Ikon untuk resolusi yang lebih rendah dibuat secara otomatis dari baseline.

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)

Ikon peluncur (.ng)

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

Ikon tindakan, ikon Dialog & Tab

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

Ikon pemberitahuan

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

Ikon Kontekstual Kecil

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

Ukuran xxxhdpi hanya diperlukan oleh ikon peluncur seperti kata situs resmi Mendukung beberapa Layar .


1
Terima kasih telah menambahkan ukuran untuk berbagai konteks. Apakah Anda punya sumber untuk ini?
Krøllebølle

di mana referensi ukuran ikon di situs android?
Mahdi

38

Ikon Adaptif

Dimulai dengan Android 8.0 ada ikon adaptif, yang terdiri dari dua lapisan terpisah. Kedua lapisan tersebut berukuran 108 x 108 dp.

masukkan deskripsi gambar di sini

(gambar diadaptasi dari dokumentasi Android )

Ukuran

Jika Anda mendukung versi di bawah Android 8.0, Anda masih perlu memasukkan ukuran lawas ( 48dp). Saya menandai ukuran piksel dengan warna merah untuk setiap resolusi di bawah ini.

masukkan deskripsi gambar di sini

Jangan lakukan itu dengan tangan

Saya kira Anda bisa membuat semua itu dengan tangan jika Anda mau, tetapi saya harus mengatakan bahwa hari-hari saya melakukan itu sudah berakhir. Android Studio 3.0 Asset Studio cukup bagus dan akan menghasilkan semuanya untuk Anda. Yang harus Anda lakukan adalah menyediakan gambar latar depan dan latar belakang yang cukup besar. (Saya menggunakan gambar 1024 x 1024 px).

Untuk membuka Studio Aset, buka File> Baru> Aset Gambar .

masukkan deskripsi gambar di sini


Apakah ikon legacy juga harus memiliki latar belakang?
pengembang android

@dan pengembang, Anda dapat memilih "Hanya legacy" sebagai jenis ikon jika Anda ingin membuat ikon tanpa menentukan lapisan latar belakang. Jika Anda memilih "Adaptive and Legacy", ikon legacy akan dihasilkan dengan menggabungkan layer foreground dan background.
Suragch

Lapisan latar belakang aktual itu sendiri (sebagai lapisan berbeda) hanya akan digunakan pada perangkat Android 8.0+.
Suragch

Bagaimana jika saya ingin gaya ikon adaptif digunakan hanya dari Android O, dan gaya warisan sebelumnya (tanpa latar belakang tambahan, bahkan jika digabungkan) sebelumnya? Apakah mungkin untuk menghindari latar belakang pada Android O? Saya tidak suka gaya ikon adaptif ...
Pengembang Android

Pengembang @android, Hanya menghasilkan ikon dalam dua lintasan. Pertama lakukan "Adaptive and Legacy" dan berikan kedua lapisan. (Anda bahkan dapat menentukan untuk tidak menghasilkan ikon Legacy pada titik ini, tetapi tidak masalah.) Kemudian lakukan "Legacy saja" dan pilih gambar apa pun yang Anda inginkan (misalnya, gambar latar depan). Jika ikon Legacy sudah dibuat di pass pertama, mereka akan ditimpa dengan gambar baru Anda (tanpa latar belakang) di pass kedua. Ingatlah bahwa Anda selalu dapat menghapus file-file ini dan menggantinya dengan gambar yang Anda buat dengan tangan.
Suragch

24

Tidak perlu alat pihak ketiga saat Android Studio dapat menghasilkan ikon untuk kita.

  • File-> New->Image Asset

  • Kemudian pilih Launcher Iconssebagai Jenis Aset:

  • Pilih gambar beresolusi tinggi untuk file gambar:

Android Hasilkan Ikon Peluncur

  • Next-> Finishuntuk menghasilkan ikon

menghasilkan ikon laucher ic

Terakhir perbarui android:iconbidang nama AndroidManifest.xmljika diperlukan.


4
Android Studio tampaknya menghasilkan lapisan tambahan di sekitar ikon saya meskipun saya telah mengatakannya untuk memangkas ruang kosong dan memastikan panel geser semua jalan ke kiri. Bug dengan Android Studio mungkin atau apakah saya melewatkan satu langkah?
Zhang

Metode ini (sayangnya) payah karena tambahan Android Studio memasukkan ...
Micro

Klik kanan folder res dan pilih New> Image Asset. buka .. developer.android.com/studio/write/image-asset-studio.html
Waruna Manjula

9

Berikan setidaknya 512px X 512px image dan gunakan alat ini: https://romannurik.github.io/AndroidAssetStudio/icons-launcher.html

Ini akan menghasilkan semua ikon untuk Anda dalam ukuran yang benar, termasuk gambar web untuk play store.


Keren tapi tidak menghasilkan ukuran ldpi: data gambar PNG, 36 x 36, 8-bit / warna RGBA, non-interlaced. Ukuran ini digunakan pada perangkat yang menjalankan Jelly Beans :) ..
Hudson Santos

Buat proyek baru dengan Android Studio dan Anda akan melihat bahwa tidak ada folder ldpi lagi. Saya akan berasumsi bahwa Anda tidak membutuhkannya lagi.
LuckyMalaka

7

LDPI harus 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
Apa jawaban Anda berikan bahwa orang lain belum melakukannya? Tolong jangan lintah pada jawaban orang lain untuk reputasi ... dapatkan sendiri.
edwoollard

Ini terlihat seperti salinan + tempel yang tepat dari jawaban ini: stackoverflow.com/a/12768159/1974224
Cristik

7

Menurut pedoman desain Material (di sini , di bawah "DP unit grid"), ikon produk Anda harus berukuran 48 dp, dengan bantalan 1dp, kecuali untuk kasus XXXHDPI, di mana bantalan harus 4dp.

Jadi, dalam piksel, ukurannya adalah:

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

Saya sarankan untuk menghindari penggunaan VectorDrawable karena beberapa peluncur tidak mendukungnya, tapi saya pikir WEBP harus baik-baik saja selama Anda memiliki transparansi dukungan minSdk untuknya (API 18 dan lebih tinggi - Android 4.3).

Jika Anda menerbitkan di Play Store, persyaratan untuk mengunggah di sana adalah (berdasarkan di sini ):

  • PNG 32-bit (dengan alfa)
  • Dimensi: 512px demi 512px
  • Ukuran file maksimum: 1024KB

6

Serta @ MartinVonMartinsgrün disebutkan Sekarang ada alat yang lebih baik kemudian menyatakan generator di android studio

Untuk Ikon aplikasi (Bilah Alat, ActionBar, DrawableLeft dll.) Gunakan: http://romannurik.github.io/AndroidAssetStudio/icons-actionbar.html

Untuk peluncur (Ikon Aplikasi) Gunakan: https://romannurik.github.io/AndroidAssetStudio/icons-launcher.html

Namun, berikut adalah beberapa trik dan cara untuk mendapatkan resolusi yang lebih baik untuk ikon dan ikon peluncur.

Langkah 1 :

Pertama pergi ke https://materialdesignicons.com dan pilih ikon Anda. Atau jika Anda memiliki ikon dalam resolusi yang baik maka abaikan langkah ini. Klik ikon yang diinginkan dan klik "Ekspor Lanjutan" itu akan membuka jendela seperti ini di bawah iniCobalah untuk menghasilkan ikon sebesar mungkin

Kemudian klik "Ikon" untuk menghasilkan ikon (.png). Nah triknya adalah mencoba untuk menghasilkan ikon sebesar mungkin untuk perangkat resolusi tinggi dan alat akan menangani semuanya untuk perangkat kecil tetapi jika Anda menggunakan ikon kecil, saat menghasilkan ikon untuk perangkat high-end Anda akan kehilangan resolusi ikon.

Langkah 2 :

Lalu buka halaman Alat dan Unggah Ikonmasukkan deskripsi gambar di sini

Klik "Custom" jika Anda ingin mewarnai ikon Anda. Apa pun warna ikon yang Anda unggah, dengan menggunakan Kustom Anda dapat menghasilkan warna apa pun yang Anda inginkan. Kemudian pilih nama dan klik "Unduh .ZIP". Ini akan mengunduh file .zip dengan ikon untuk sebagian besar resolusi umum. Anda dapat menyalin dan menempel folder res di folder proyek aplikasi Anda dan Anda akan melihat ikon di bagian drawable.


4

Saya telah memposting skrip untuk menghasilkan semua ikon platform untuk aplikasi PhoneGap dari satu file ikon SVG. Jika Anda memiliki bitmap yang ada, saya juga menyertakan beberapa catatan yang dapat membantu Anda untuk menghasilkan vektor SVG dari bitmap yang ada. Ini tidak akan bekerja untuk semua bitmap tetapi mungkin untuk Anda.


Saya mengembangkan di Sencha Touch sehingga juga termasuk kode untuk menghasilkan ikon untuk Sencha. Sangat mudah untuk menghapus ini dan beradaptasi dengan kebutuhan Anda. Saya menghargai beberapa kontribusi untuk membantu menghasilkan layar
pembuka

Haha ... Saya baru saja melakukan ini dalam skrip zsh. Baiklah, sial.
dylnmc

Kerangka ikonik juga termasuk generator gambar untuk layar Splash dan ikon aplikasi
Tony O'Hagan

2

Saya memiliki masalah yang sama tetapi kemudian menyadari bahwa pengaturan grafik ikon saya di dalam kotak yang diizinkan (512 x 512 dalam kasus saya) tidak dimaksimalkan. Jadi saya memutar gambar dan memperbesarnya untuk memenuhi sudut-sudut yang lebih baik. Lalu saya mengklik kanan pada resfolder saya di proyek saya di Android Studio, lalu pilih Newkemudian Image Asset, saya dibawa melalui wizard di mana saya harus memilih file gambar saya untuk digunakan. Kemudian jika Anda mencentang kotak yang bertuliskan "Potong sekitar ruang kosong", itu memastikan semua tepi, yang mampu, menyentuh sisi persegi Anda. Langkah-langkah ini membuatnya jauh lebih besar daripada yang asli.


1

Luncurkan gambar dan ukuran gambar Slash untuk pengiriman aplikasi Google Play Store

  1. Ikon resolusi tinggi. PFB tabel untuk ukuran yang diperlukan PNG 32-bit (dengan alfa), Dimensi: 512px x 512px, Ukuran file maksimum: 1024KB

Diperlukan Ikon Peluncuran Dan Ukuran Gambar Percikan

  1. Diperlukan setidaknya 2 tangkapan layar secara keseluruhan (tangkapan layar Max 8 per jenis, Jenis termasuk "Telepon", "tablet 7-inci" dan "tablet 10-inci"). JPEG atau PNG 24-bit (tanpa alfa), Dimensi minimum: 320px , Dimensi maksimum: 3840px, Ukuran sampel: 320 x 480, 480 x 800, 480 x 854.1280 x 720, 1280 x 800 24 bit PNG atau JPEG

0

Anda dapat membuat ikon langsung di studio android itu sendiri. Langkah-langkah yang perlu Anda ikuti adalah:

1. Klik kanan pada Res-> New-> Aset gambar

2. Ubah tipe aset menjadi gambar.

3.Muat gambar dari disk lokal

4. Anda memiliki opsi untuk memotong, mengganti bantalan, dan menambahkan latar belakang juga. Ubah nilainya jika Anda perlu.

5.klik Berikutnya-> Selesai.

Gambar akan ditambahkan secara otomatis ke mipmap-mdpi, mipmap-hdpi, mipmap-xhdpi, mipmap-xxhdpi, mipmap-xxxhdpi jika Anda memilih ikon launcher atau drawable-mdpi, drawable-hdpi, drawable-xhdpi, drawable-xhdpi, drawable-xhhpi, drawable- xxxhdpi jika Anda memilih ikon lainnya.

Dengan menggunakan situs kami, Anda mengakui telah membaca dan memahami Kebijakan Cookie dan Kebijakan Privasi kami.
Licensed under cc by-sa 3.0 with attribution required.