Android - Kích thước biểu tượng trình khởi chạy


349

Đối với HDPI, XHDPIv.v ... kích thước lý tưởng của biểu tượng launcher là gì? Tôi có nên tạo 9-Patchhình ảnh cho biểu tượng để tự động chia tỷ lệ hay không, tốt hơn là tạo các biểu tượng riêng biệt?


9
Bạn không tạo hình ảnh 9 miếng cho các biểu tượng trình khởi chạy. 9-patch dành cho hình ảnh (tài nguyên) trong ứng dụng. @edwoollard đã cung cấp câu trả lời đúng. Để biết thêm thông tin, hãy truy cập liên kết này tại đây: developer.android.com/guide/practices/ui_guferences/
mẹo

Nhưng chỉ cần hỏi vì tò mò, chúng ta có thể sử dụng 9 miếng vá cho biểu tượng launcher không?
Mohammad Jafar Mashhadi

Bạn có thể nhận kích thước khác nhau cho các biểu tượng: play.google.com/store/apps/ từ
Vipul Patel

làm cách nào tôi có thể đặt 2 biểu tượng khác nhau: một cho ứng dụng Android, một cho ứng dụng Chromebook. Có thể không?
Kiêm Dương

Câu trả lời:


705

Tôi sẽ tạo các hình ảnh riêng biệt cho từng người:

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.

Sau đó chỉ cần đặt từng cái trong các thân cây riêng biệt của thư mục drawable.

Bạn cũng được yêu cầu cung cấp một phiên bản lớn của biểu tượng của mình khi tải ứng dụng của bạn lên Cửa hàng Google Play và điều này sẽ được WEB 512 x 512. Số tiền này quá lớn để Google có thể bán lại nó ở bất kỳ kích thước nào để quảng cáo ứng dụng của bạn trên Google Play Store và không thêm pixel vào logo của bạn.

Về cơ bản, tất cả các biểu tượng khác phải cân xứng với biểu tượng 'đường cơ sở' , 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ất cả điều này được giải thích trên trang Iconography của trang web Nhà phát triển Android: http://developer.android.com/design/style/iconography.html


3
Nơi nào bạn đặt phiên bản WED?
Mafro34

10
@ Mafro34 Tôi đoán bạn có nghĩa là phiên bản WEB? Khi cuối cùng bạn hoàn thành ứng dụng của mình và tải nó lên Google Play Store, nó sẽ yêu cầu bạn tải lên biểu tượng ứng dụng 512 x 512. Điều này có nghĩa là sau đó họ có thể sử dụng biểu tượng ở bất kỳ đâu trên trang web và ứng dụng để quảng cáo ứng dụng của bạn.
edwoollard

@ Mafro34 Họ yêu cầu 512 x 512 để sau đó họ có thể thu nhỏ biểu tượng xuống bất kỳ kích thước nào họ cần trên các vị trí khác nhau của ứng dụng và trang web mà không gây ra pixel.
edwoollard

@edwoollard oops, xin lỗi, tôi không thấy dòng cuối cùng của bạn (" this is all explained ..."). Những gì bạn có về cơ bản là một ảnh chụp nhanh các yêu cầu (đang phát triển) của họ.
tro999

Tôi đã tạo một tập lệnh xuất các biểu tượng trình khởi chạy Android tại velara3.com và từ nghiên cứu của tôi XXHDPI là 180x180 chứ không phải 144. Xem developer.android.com/guide/practices/sc Greens_support.html. Tìm kiếm trên trang, "180x180 (3.0x) để biết thêm mật độ cực cao". Tuy nhiên, tôi đã thấy 144 một vài nơi.
1,21 gigawatt

121

Không tạo hình ảnh 9 miếng cho các biểu tượng trình khởi chạy. Bạn phải tạo hình ảnh riêng cho từng người.

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)

Lưu ý: Hình ảnh WEB (512 x 512) được sử dụng khi bạn tải lên ứng dụng Android của mình trên Market.

| | Kích thước biểu tượng ứng dụng Android | |

Tất cả các thiết bị

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 no, anh ấy có nghĩa là biểu tượng bạn tải lên Bảng điều khiển dành cho nhà phát triển của Google để người dùng xem trên thị trường
Mirko

6
@Ogen - Đó là thói quen tốt để đặt câu hỏi, có đơn vị tính bằng pixel.
Chirag

Có thể chỉ cung cấp phiên bản 192 x 192 trong thư mục mipmap-xxxhdpi và có hệ thống giảm quy mô phù hợp không?
eliasbagley

@eliasbagley: Chắc chắn, nó hoạt động. Nhưng nó không tối ưu (nếu không thì toàn bộ hệ thống các thư mục dành riêng cho mật độ sẽ không tồn tại).
Jonik

97

Biểu tượng Android yêu cầu năm kích thước riêng biệt cho mật độ pixel màn hình khác nhau. Các biểu tượng cho độ phân giải thấp hơn được tạo tự động từ đường cơ sở.

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)

Biểu tượng trình khởi chạy (.Png)

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

Thanh hành động, biểu tượng Hộp thoại & 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)*

Biểu tượng thông báo

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

Biểu tượng bối cảnh nhỏ

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

Kích thước xxxhdpi chỉ cần bằng biểu tượng trình khởi chạy như trang web chính thức Hỗ trợ nhiều màn hình cho biết.


1
Cảm ơn đã thêm kích thước cho các bối cảnh khác nhau. Bạn có một nguồn cho việc này?
Krøllebølle

tham chiếu kích thước biểu tượng trong trang web Android ở đâu?
Mahdi

38

Biểu tượng thích ứng

Bắt đầu với Android 8.0 có các biểu tượng thích ứng, được tạo thành từ hai lớp riêng biệt. Cả hai lớp là 108 x 108 dp.

nhập mô tả hình ảnh ở đây

(hình ảnh được điều chỉnh từ tài liệu Android )

Kích cỡ

Nếu bạn đang hỗ trợ các phiên bản bên dưới Android 8.0, bạn vẫn cần bao gồm các kích thước kế thừa ( 48dp). Tôi đã đánh dấu kích thước pixel bằng màu đỏ cho mỗi độ phân giải bên dưới.

nhập mô tả hình ảnh ở đây

Đừng làm bằng tay

Tôi cho rằng bạn có thể làm tất cả những thứ đó bằng tay nếu bạn muốn, nhưng tôi phải nói rằng những ngày làm việc của tôi đã kết thúc. Android Studio 3.0 Asset Studio khá tốt và sẽ tạo ra tất cả cho bạn. Tất cả bạn phải làm là cung cấp một hình ảnh nền trước và sau đủ lớn. (Tôi đã sử dụng hình ảnh 1024 x 1024 px).

Để mở Studio Tài sản, hãy chuyển đến Tệp> Mới> Tài sản hình ảnh .

nhập mô tả hình ảnh ở đây


Các biểu tượng di sản cũng sẽ phải có một nền?
nhà phát triển Android

Nhà phát triển @android, bạn có thể chọn "Chỉ di sản" làm loại biểu tượng nếu bạn muốn tạo biểu tượng mà không chỉ định lớp nền. Nếu bạn chọn "Thích ứng và Di sản", các biểu tượng kế thừa sẽ được tạo bằng cách hợp nhất các lớp nền trước và nền.
Suragch

Bản thân lớp nền thực tế (như một lớp riêng biệt) sẽ chỉ được sử dụng trên các thiết bị Android 8.0 trở lên.
Suragch

Điều gì sẽ xảy ra nếu tôi muốn kiểu biểu tượng thích ứng chỉ được sử dụng từ Android O và kiểu dáng kế thừa (không có nền bổ sung, ngay cả khi được hợp nhất) trước đó? Có phải cũng có thể tránh nền trên Android O không? Tôi không thích phong cách biểu tượng thích ứng ...
nhà phát triển Android

Nhà phát triển @android, Chỉ cần tạo các biểu tượng trong hai lần. Đầu tiên làm "Thích ứng và Di sản" và cung cấp cả hai lớp. (Bạn thậm chí có thể chỉ định không tạo các biểu tượng Legacy vào thời điểm này, nhưng điều đó không thành vấn đề.) Sau đó, thực hiện "Chỉ di sản" và chọn bất kỳ hình ảnh nào bạn muốn (ví dụ: hình ảnh nền trước). Nếu các biểu tượng Legacy đã được tạo trong lượt đầu tiên, chúng sẽ được ghi đè bằng hình ảnh mới (không nền) của bạn trong lượt thứ hai. Hãy nhớ rằng bạn luôn có thể xóa bất kỳ tệp nào trong số này và thay thế chúng bằng hình ảnh bạn tạo bằng tay.
Suragch

24

Không cần các công cụ của bên thứ ba khi Android Studio có thể tạo biểu tượng cho chúng tôi.

  • File-> New->Image Asset

  • Sau đó chọn Launcher Iconslàm Loại tài sản:

  • Chọn hình ảnh độ phân giải cao cho tệp Hình ảnh:

Tạo các biểu tượng trình khởi chạy Android

  • Next-> Finishđể tạo biểu tượng

tạo biểu tượng lau lau ic

Cuối cùng cập nhật android:icontrường tên trong AndroidManifest.xmlnếu cần.


4
Android Studio dường như tạo ra phần đệm thêm xung quanh các biểu tượng của tôi mặc dù tôi đã bảo nó cắt bớt các khoảng trống và đảm bảo thanh trượt đệm nằm ở bên trái. Một lỗi với Android Studio có thể hoặc tôi đang thiếu một bước?
Zhang

Phương pháp này (không may) tệ vì có thêm phần đệm Android Studio đưa vào ...
Micro

Nhấp chuột phải vào thư mục res và chọn New> Tài sản hình ảnh. truy cập .. developer.android.com/studio/write/image-asset-studio.html
Waruna Manjula

9

Cung cấp ít nhất một hình ảnh 512px X 512px và sử dụng công cụ này: https://romannurik.github.io/AndroidAssetStudio/icons-launcher.html

Nó sẽ tạo ra tất cả các biểu tượng cho bạn với kích thước chính xác, bao gồm hình ảnh web cho cửa hàng chơi.


Tuyệt vời nhưng nó không tạo ra kích thước ldpi: dữ liệu hình ảnh PNG, 36 x 36, RGBA 8 bit / màu, không xen kẽ. Kích thước này được sử dụng trên các thiết bị chạy Jelly Beans :) ..
Hudson Santos

Tạo một dự án mới với Android Studio và bạn sẽ thấy rằng không còn thư mục ldpi nữa. Tôi sẽ cho rằng bạn không cần chúng nữa.
LuckyMalaka 18/03/2016

7

LDPI nên là 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
Câu trả lời của bạn cung cấp những gì mà người khác chưa có? Xin đừng nói xấu về câu trả lời của người khác ... hãy tự mình kiếm lấy.
edwoollard 14/03/2016

Đây trông giống như một bản sao chính xác + dán từ câu trả lời này: stackoverflow.com/a/12768159/1974224
Cristik

7

Theo hướng dẫn thiết kế Vật liệu ( ở đây , trong "Lưới đơn vị DP"), biểu tượng sản phẩm của bạn phải có kích thước 48 dp, với phần đệm là 1dp, ngoại trừ trường hợp của XXXHDPI, trong đó phần đệm phải là 4dp.

Vì vậy, tính bằng pixel, kích thước là:

  • 48 × 48 (mdpi), với phần đệm 1 dp
  • 72 × 72 (hdpi), với phần đệm 1 dp
  • 96 × 96 (xhdpi), với phần đệm 1 dp
  • 144 × 144 (xxhdpi), với phần đệm 1 dp
  • 192 × 192 (xxxhdpi), với đệm 4 dp

Tôi khuyên bạn nên tránh sử dụng VectorDrawable vì một số trình khởi chạy không hỗ trợ nó, nhưng tôi nghĩ WEBP sẽ ổn miễn là bạn có tính minh bạch hỗ trợ minSdk cho chúng (API 18 trở lên - Android 4.3).

Nếu bạn xuất bản trên Cửa hàng Play, yêu cầu phải tải lên là gì (dựa trên đây ):

  • PNG 32 bit (có alpha)
  • Kích thước: 512px x 512px
  • Kích thước tệp tối đa: 1024KB

6

Cũng như @ MartinVonMartinsgrün đã đề cập Hiện có công cụ tốt hơn sau đó khẳng định trình tạo trong studio android

Đối với Biểu tượng ứng dụng (Thanh công cụ, ActionBar, DrawableLeft, v.v.) Sử dụng: http://romannurik.github.io/AndroidAssetStudio/icons-actionbar.html

Đối với trình khởi chạy (Biểu tượng ứng dụng) Sử dụng: https://romannurik.github.io/AndroidAssetStudio/icons-launcher.html

Nhưng đây là một số thủ thuật và cách để có độ phân giải tốt hơn cho các biểu tượng và biểu tượng trình khởi chạy.

Bước 1 :

Trước tiên, hãy truy cập https: // m vật liệu thiết kế và chọn biểu tượng của bạn. Hoặc nếu bạn có biểu tượng của bạn ở độ phân giải tốt thì bỏ qua bước này. Nhấp vào biểu tượng mong muốn và nhấp vào "Xuất nâng cao", nó sẽ mở ra một cửa sổ như thế này bên dướiCố gắng tạo biểu tượng càng lớn càng tốt

Sau đó nhấp vào "Biểu tượng" để tạo biểu tượng (.png). Thủ thuật là cố gắng tạo biểu tượng lớn nhất có thể cho các thiết bị có độ phân giải cao và các công cụ sẽ xử lý tất cả cho các thiết bị nhỏ nhưng nếu bạn sử dụng biểu tượng nhỏ, trong khi tạo biểu tượng cho các thiết bị cao cấp, bạn sẽ mất độ phân giải biểu tượng.

Bước 2 :

Sau đó vào trang Công cụ và Tải lên Biểu tượngnhập mô tả hình ảnh ở đây

Nhấp vào "Tùy chỉnh" nếu bạn muốn tô màu biểu tượng của mình. Cho dù bạn đang tải lên màu gì của biểu tượng, bằng cách sử dụng Tùy chỉnh, bạn có thể tạo bất kỳ màu nào bạn muốn. Sau đó chọn tên và nhấp vào "Tải xuống .ZIP". Điều này sẽ tải xuống tệp .zip với biểu tượng cho hầu hết các độ phân giải phổ biến. Bạn có thể sao chép và dán thư mục res trong thư mục dự án ứng dụng của bạn và bạn sẽ thấy biểu tượng trong phần có thể vẽ được.


4

Tôi đã đăng một tập lệnh để tạo tất cả các biểu tượng nền tảng cho các ứng dụng PhoneGap từ một tệp biểu tượng SVG. Nếu bạn có bitmap hiện có, tôi cũng bao gồm một số lưu ý có thể giúp bạn tạo các vectơ SVG từ một bitmap hiện có. Điều này sẽ không hoạt động cho tất cả các bitmap nhưng có thể cho bạn.


Tôi phát triển trong Sencha Touch vì vậy nó cũng bao gồm mã để tạo biểu tượng cho Sencha. Thật dễ dàng để loại bỏ điều này và thích ứng với nhu cầu của bạn. Tôi đánh giá cao một số đóng góp để giúp tạo màn hình khởi động
Tony O'Hagan

Haha ... tôi chỉ làm điều này trong một kịch bản zsh. Chà, chết tiệt.
dylnmc

Khung biểu tượng cũng bao gồm một trình tạo hình ảnh cho màn hình Splash và các biểu tượng ứng dụng
Tony O'Hagan

2

Tôi đã có cùng một vấn đề nhưng sau đó nhận ra sự sắp xếp đồ họa biểu tượng của tôi trong hình vuông cho phép (512 x 512 trong trường hợp của tôi) không được tối đa hóa. Vì vậy, tôi đã xoay hình ảnh và có thể phóng to nó lên để lấp đầy các góc tốt hơn. Sau đó, tôi nhấp chuột phải vào resthư mục của tôi trong dự án của tôi trong Android Studio, sau đó chọn Newsau đó Image Asset, nó đưa tôi qua một trình hướng dẫn nơi tôi có thể chọn tệp hình ảnh của mình để sử dụng. Sau đó, nếu bạn chọn hộp có nội dung "Cắt khoảng trống xung quanh", nó sẽ đảm bảo tất cả các cạnh, có thể, chạm vào các cạnh của hình vuông của bạn. Những bước này có nó lớn hơn nhiều so với ban đầu.


1

Khởi chạy hình ảnh và kích thước hình ảnh Chém để gửi ứng dụng Google Play Store

  1. Biểu tượng độ phân giải cao. PFB bảng cho kích thước yêu cầu PNG 32 bit (có alpha), Kích thước: 512px x 512px, Kích thước tệp tối đa: 1024KB

Biểu tượng khởi động cần thiết và kích thước hình ảnh Splash

  1. Ít nhất phải có 2 ảnh chụp màn hình (tối đa 8 ảnh chụp màn hình cho mỗi loại, Các loại bao gồm "Điện thoại", "Máy tính bảng 7 inch" và "Máy tính bảng 10 inch). JPEG hoặc PNG 24 bit (không có alpha), Kích thước tối thiểu: 320px , Kích thước tối đa: 3840px, Kích thước mẫu: 320 x 480, 480 x 800, 480 x 854,1280 x 720, 1280 x 800 24 bit PNG hoặc JPEG

0

Bạn có thể tạo biểu tượng trực tiếp trong studio android. Các bước bạn cần thực hiện là:

1. Nhấp chuột phải vào Res-> Mới-> Tài sản hình ảnh

2. Thay đổi loại tài sản để hình ảnh.

3. Tải hình ảnh từ đĩa cục bộ

4.Bạn có các tùy chọn để cắt, thay đổi phần đệm và thêm nền. Thay đổi các giá trị nếu bạn cần.

5.nhấp vào Tiếp theo-> Kết thúc.

Hình ảnh sẽ được tự động thêm vào mipmap-mdpi, mipmap-hdpi, mipmap-xhdpi, mipmap-xxhdpi, mipmap-xxxhdpi nếu bạn chọn biểu tượng launcher hoặc drawable-mdpi, drawable-hdpi, drawable-hdpi, drawable-hdpi xxxhdpi nếu bạn chọn optins biểu tượng khác.

Khi sử dụng trang web của chúng tôi, bạn xác nhận rằng bạn đã đọc và hiểu Chính sách cookieChính sách bảo mật của chúng tôi.
Licensed under cc by-sa 3.0 with attribution required.