Ukuran ikon mana yang harus disertakan oleh ikon aplikasi Windows saya?


236

Saya memiliki aplikasi Windows yang akan berjalan di Windows XP dan yang lebih baru (yaitu Vista / 7). Menurut Panduan Vista UI , ukuran standar adalah 16x16, 32x32, 48x48, 256x256 (ukuran standar XP tidak termasuk ikon 256x256). Selain ukuran tersebut, saya juga memiliki 96x96 dan 128x128 (dan dapat membuat lebih banyak).

Manakah dari ukuran ikon ini yang harus saya sertakan? Apakah shell benar-benar menggunakan ukuran "non-standar", atau apakah saya akan mengasapi aplikasi saya?


3
Situs ini adalah referensi yang bagus untuk ukuran ikon untuk banyak platform: iconhandbook.co.uk/reference/chart
Mark Hatton

Jawaban:


303

Saya meluangkan waktu untuk memeriksanya secara rinci. Saya membuat ikon yang gambarnya memiliki ukuran 16, 24, 32, 40, 48, 64, 96, 128 dan 256. Kemudian saya memeriksa gambar mana yang ditampilkan. Semua ini dilakukan dengan 96dpi normal. Jika menggunakan DPI yang lebih besar, ukuran yang lebih besar dapat digunakan (hanya memeriksanya sedikit pada Windows 7). Hasil:

Windows XP:

  • Tampilan Explorer:
    • Rincian / Daftar: 16
    • Ikon: 32
    • Ubin / Gambar Kecil: 48
  • Klik kanan-> Properti / pilih ikon baru: 32
  • Area mulai cepat: 16
  • Desktop: 32

Windows 7:

  • Tampilan Explorer:
    • Rincian / Daftar / Simbol kecil: 16
    • Semua opsi lain: 256 (diubah ukurannya, jika perlu)
  • Klik kanan-> Properti / pilih ikon baru: 32
  • Disematkan ke bilah tugas: 32
    • Klik kanan menu: 16
  • Desktop:
    • Simbol kecil: 32
    • Simbol sedang: 48
    • Simbol besar: 256 (diubah ukurannya, jika perlu)
    • Zoom menggunakan Ctrl + Mouse wheel: 16, 32, 48, 256

Windows Runtime: ( dari sini )

  • Ubin utama: 150x150, 310x150 (versi lebar)
  • Logo kecil: 30x30
  • Lencana (untuk layar kunci): 24x24, monokromatik
  • Splashscreen: 620x300
  • Simpan: 50x50

Jadi hasilnya: Windows XP menggunakan ikon ukuran 16, 32, 48, sedangkan Windows 7 (dan mungkin juga Vista) juga menggunakan ikon ukuran 256. Semua ukuran ikon perantara lainnya diabaikan ( mungkin digunakan di beberapa area yang saya tidak periksa).


Saya juga memeriksa di Windows 7 apa yang terjadi jika ukuran ikon hilang:

Ukuran yang hilang dihasilkan (jelas). Dengan ukuran 16, 32, dan 48, jika ada yang hilang, downscaling lebih disukai. Jadi jika kita memiliki ikon dengan ukuran 16 dan 48, ikon 32 dibuat dari ikon 48. Ikon 256 hanya digunakan untuk ini jika tidak ada ukuran lain yang tersedia! Jadi jika ikon berukuran 16 dan 256, ukuran lainnya akan ditingkatkan dari ikon 16!

Selain itu, jika ikon 256 tidak ada di sana, ikon (mungkin dihasilkan) 48 digunakan, tetapi tidak diubah ukurannya lagi. Jadi kami memiliki area kosong (mungkin besar) dengan ikon 48 di tengah.

Perhatikan bahwa ukuran ikon desktop default di XP adalah 32x32, sedangkan di Windows 7 adalah 48x48. Sebagai konsekuensinya, untuk Windows 7 relatif penting memiliki ikon 48. Jika tidak, itu ditingkatkan dari ikon yang lebih kecil, yang mungkin terlihat sangat jelek.


Hanya catatan tentang kompatibilitas Windows XP: Jika Anda menggunakan kembali ikon tersebut sebagai ikon jendela, maka perhatikan bahwa ini dapat merusak aplikasi Anda jika Anda menggunakan ikon 256 yang terkompresi. Solusinya adalah jangan mengompres ikon atau membuat versi kedua tanpa ikon (terkompresi) 256. Lihat di sini untuk info lebih lanjut.


12
Nah, di sini dikatakan 64px juga diperlukan, dan pada pedoman ikon resmi dikatakan 20px, 24px, dan 40px juga direkomendasikan. Ikon 40px tampaknya digunakan dalam alt + tab dan balon, yang lain tampaknya digunakan tergantung pada DPI (misalnya, 20px digunakan sebagai ganti 16px di layar DPI yang lebih tinggi, jika tidak diperkecil dari ukuran 32px yang lebih besar, yang mungkin terlihat lebih jelek). Belum diuji.
Camilo Martin

2
Saya melakukan beberapa pengujian lagi. Untuk tampilan di desktop, ketika saya mengaturnya ke 144dpi ("150%") pada Windows 7, untuk ikon sekecil mungkin menggunakan ikon 24px (jika ada, jika tidak, naikkan 16px). Dari pedoman ikon, tampaknya ada "Mode Klasik" di Vista yang juga menggunakan ikon 64px. Namun, Windows 7 tidak menggunakannya. Sebaliknya, hanya ikon 256px yang diubah ukurannya.
Daniel Rose

Menarik, terima kasih atas penemuannya. Bagaimanapun, saya tidak tahu berapa banyak aplikasi di alam bebas memiliki lebih dari 16, 32, 48 dan (semoga) ikon 256 px. Saya kira sangat sedikit. Tetapi mungkin pengguna akan memperhatikan, karena satu ikon di antara yang lain lebih renyah.
Camilo Martin

@ Camilo Perhatikan bahwa dimungkinkan untuk mengubah ukuran dengan CTRL + Mousewheel, dan semua ukuran "di antaranya" naik / turun. Namun, yang pasti diperhatikan adalah jika ikon 48px tidak ada, karena itu adalah ukuran yang digunakan di desktop Windows 7 default.
Daniel Rose

3
Dan itu hilang separuh waktu jika aplikasi tersebut merupakan utilitas dan bukan perangkat lunak yang sangat populer, atau lama ... Bahkan beberapa ikon Visual Studio (yang untuk tipe file) bahkan tidak memiliki versi 48px.
Camilo Martin

28

Setelah beberapa pengujian dengan ikon dengan 8, 16, 20, 24, 32, 40, 48, 64, 96, 128 dan 256 piksel (256 dalam PNG) di Windows 7:

  • Pada resolusi 100%: Explorer menggunakan 16, 40, 48, dan 256. Windows Photo Viewer menggunakan 96. Paint menggunakan 256.
  • Pada resolusi 125%: Explorer menggunakan 20, 40, dan 256. Windows Photo Viewer menggunakan 96. Paint menggunakan 256.
  • Pada resolusi 150%: Explorer menggunakan 24, 48, dan 256. Windows Photo Viewer menggunakan 96. Paint menggunakan 256.
  • Pada resolusi 200%: Explorer menggunakan 40, 64, 96, dan 256. Windows Photo Viewer menggunakan 128. Paint menggunakan 256.

Jadi 8, 32 tidak pernah digunakan (aneh bagi saya untuk 32) dan 128 hanya oleh Windows Photo Viewer dengan layar dpi yang sangat tinggi, yaitu almot tidak pernah digunakan.

Itu berarti ikon Anda setidaknya harus menyediakan 16, 48 dan 256 untuk Windows 7. Untuk mendukung layar yang lebih baru dengan resolusi tinggi, Anda harus menyediakan 16, 20, 24, 40, 48, 64, 96, dan 256. Untuk Windows 7, semua gambar dapat dikompres menggunakan PNG tetapi untuk kompatibilitas mundur dengan Windows XP, 16 hingga 48 tidak boleh dikompres.


Lihat jawaban saya di sini ( stackoverflow.com/questions/12385143/... ) tetapi jika Anda mengompres gambar 256x256 dalam file .ico ... Sistem Windows XP akan mengalami kesulitan membuka file. Anda akan mendapatkan FileFormatException dengan HRESULT 0x88982F07.
cplotts

Perlu juga disebutkan bahwa versi DPI tinggi perlu disimpan dalam mode 24bpp, saya sudah mencoba menyimpannya dalam mode warna 8 bit dan Windows 7 menggunakan versi 256px alih-alih 20x20px dalam 125% DPI.
Bartosz Wójcik

2
Ini sederhana, tetapi lengkap. Sangat penting untuk mempertimbangkan DPI.
caesay

24

The Microsoft UX ikon pedoman mengatakan:

"Ikon aplikasi dan item Panel Kontrol: Set lengkap mencakup 16x16, 32x32, 48x48, dan 256x256 (skala kode antara 32 dan 256)."

Bagi saya ini menyiratkan (tetapi tidak secara eksplisit menyatakan, sayangnya) bahwa Anda harus menyediakan 4 ukuran tersebut.

Detail tambahan tentang format warna, yang menurut Anda juga berguna:

  • "File ikon juga memerlukan versi palet 8-bit dan 4-bit, untuk mendukung pengaturan default di desktop jarak jauh."

  • "Hanya salinan 32-bit dari gambar 256x256 piksel yang harus dimasukkan, dan hanya gambar 256x256 piksel yang harus dikompres [sebagai PNG] untuk menjaga ukuran file tetap rendah."



12

Dalam kasus Windows 10 ini tidak sepenuhnya akurat, pada kenyataannya tidak ada jawaban pada stackoverflow adalah, saya menemukan ini ketika saya mencoba menggunakan pixel art sebagai ikon dan itu diperbesar ulang ketika tidak seharusnya (mudah) untuk melihat dalam hal ini penyebab interpolasi dan jendela smoothing tidak) bahkan kamu menggunakan ukuran dari posting ini.

Jadi saya membuat aplikasi dan melakukan pekerjaan pada semua pengaturan DPI, lihat di sini:
Windows 10 semua resolusi ikon pada semua pengaturan DPI
Anda juga dapat menggunakan aplikasi saya untuk membuat ikon, juga dengan interpolasi tetangga terdekat dengan penghalusan, yang tidak dilakukan dengan salah satu editor buruk yang saya lihat.

Jika Anda hanya menginginkan resolusi:
16, 20, 24, 28, 30, 31, 32, 40, 42, 47, 48, 56, 60, 63, 84, 256
dan Anda harus menggunakan semua ikon PNG dan apa pun yang Anda masukkan di samping ini tidak akan ditampilkan. Lihat posting saya mengapa.


7

Bukan 96x96, gunakan 64x64 sebagai gantinya. Saya biasanya menggunakan:

  • 16 - tombol status / batang judul
  • 32 - ikon desktop
  • 48 - tampilan folder
  • 64/128 - Ukuran tambahan

256 berfungsi juga di XP, namun, kompiler sumber daya lama terkadang mengeluhkan kesalahan "kehabisan memori".


Saya telah melihat Anda pernah berurusan dengan Java sebelumnya. Bagaimana saya bisa menerapkan perilaku seperti itu dengan Java? Masalahnya adalah bahwa ikon yang ditampilkan di bilah tugas sistem jauh lebih besar dibandingkan dengan ikon di bilah judul dan tidak dapat diukur ulang dengan benar oleh sistem. Yang paling bisa saya lakukan adalah stage.getIcons (). Add (image); tapi itu tidak akan membiarkan saya menentukan ukuran apa dan di mana miliknya misalnya task-bar, folder-view atau lainnya. Saya menggunakan JavaFX 8
homerun

1
@someFolk java mengkompilasi ke file "class" atau file "jar" (yang merupakan zip dari file kelas + manifes). Dengan kata lain, itu tidak dikompilasi ke PE (windows executables). Namun, ada alat yang membangun pembungkus untuk Anda - pada dasarnya program kecil yang berisi tabung sebagai sumber daya (yang diekstrak dan dijalankan saat program dijalankan). The jawaban di sini menyebutkan beberapa dari mereka Apa artinya ini adalah bahwa masalah Anda tergantung pada program yang anda gunakan. Namun, ada alat untuk mengedit sumber daya (mis: Resource Hacker )
Christian

2

Dari rekomendasi Microsoft MSDN :

Ikon aplikasi dan item Panel Kontrol : Set lengkap mencakup 16x16, 32x32, 48x48, dan 256x256 (skala kode antara 32 dan 256). Diperlukan format file .ico. Untuk Mode Klasik, set lengkap adalah 16x16, 24x24, 32x32, 48x48 dan 64x64.

Jadi kami sudah merekomendasikan ukuran standar:

  • 16 x 16,
  • 24 x 24,
  • 32 x 32,
  • 48 x 48,
  • 64 x 64,
  • 256 x 256.

Jika kami ingin mendukung pengaturan DPI tinggi, daftar lengkap akan mencakup ukuran berikut juga:

  • 20 x 20,
  • 30 x 30,
  • 36 x 36,
  • 40 x 40,
  • 60 x 60,
  • 72 x 72,
  • 80 x 80,
  • 96 x 96,
  • 128 x 128,
  • 320 x 320,
  • 384 x 384,
  • 512 x 512.
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.