На какие размеры значков должен присутствовать значок приложения Windows?

У меня есть приложение Windows, которое будет работать в Windows XP и новее (т.е. Vista/7). В соответствии с Vista UI Guidelines стандартные размеры: 16x16, 32x32, 48x48, 256x256 (стандартные размеры XP не включают значок 256x256). В дополнение к этим размерам, у меня также есть 96x96 и 128x128 (и может создать больше).

Какой из этих размеров значков я должен включить? Будет ли оболочка использовать "нестандартные" размеры, или я просто раздую приложение?

199
задан Daniel Rose 13 июля '10 в 13:13
источник поделиться

8 ответов

Я потратил некоторое время, чтобы проверить его подробно. Я создал значок, изображения которого имеют размеры 16, 24, 32, 40, 48, 64, 96, 128 и 256. Затем я проверил, какое изображение показано. Все это было сделано с нормальным 96dpi. При использовании большего размера DPI могут использоваться большие размеры (это немного проверяется в Windows 7). Результаты:

Windows XP:

  • Представления обозревателя:
    • Детали/список: 16
    • Иконки: 32
    • Плитки/миниатюры: 48
  • Щелкните правой кнопкой мыши- > Свойства/выберите новый значок: 32
  • Область быстрого запуска: 16
  • Рабочий стол: 32

Windows 7:

  • Представления обозревателя:
    • Детали/Список/Маленькие символы: 16
    • Все остальные опции: 256 (при необходимости изменилось на размер)
  • Щелкните правой кнопкой мыши- > Свойства/выберите новый значок: 32
  • Прикреплено к панели задач: 32
    • Правое меню: 16
  • Desktop:
    • Маленькие символы: 32
    • Средние символы: 48
    • Большие символы: 256 (при необходимости изменяется размер)
    • Масштабирование с использованием Ctrl + Колесо мыши: 16, 32, 48, 256

Windows Runtime: (здесь)

  • Основная плитка: 150x150, 310x150 (широкая версия)
  • Маленький логотип: 30x30
  • Значок (для блокировки экрана): 24x24, монохроматический
  • Splashscreen: 620x300
  • Магазин: 50x50

Итак, в результате: Windows XP использует значки 16, 32, 48, а Windows 7 (и, предположительно, Vista) также использует значки размером 256. Все остальные промежуточные размеры значков игнорируются (они могут использоваться в некоторой области, которую я не проверял).


Я также проверил в Windows 7, что произойдет, если отсутствуют размеры значков:

Пропущенные размеры генерируются (очевидно). При размерах 16, 32 и 48, если их нет, предпочтительным является масштабирование. Поэтому, если у нас есть значки размером 16 и 48, значок 32 создается из значка 48. Значок 256 используется только для них, если другие размеры не доступны! Поэтому, если значки имеют размер 16 и 256, другие размеры масштабируются из значка 16!

Кроме того, если значок 256 отсутствует, (возможно, сгенерированный) значок 48 используется, но не изменяется. Таким образом, у нас есть (возможно большая) пустая область с иконкой 48 в середине.

Обратите внимание, что размер значка рабочего стола по умолчанию в XP был 32x32, а в Windows 7 - 48x48. Как следствие, для Windows 7 относительно важно иметь значок 48. В противном случае он масштабируется с меньшего значка, что может показаться довольно уродливым.


Просто обратите внимание на совместимость с Windows XP: если вы повторно используете значок как значок окна, обратите внимание, что это может привести к сбою вашего приложения, если вы используете сжатый значок 256. Решение состоит в том, чтобы либо не сжимать значок, либо создавать вторую версию без значка (сжатого) 256. Подробнее см. здесь.

274
ответ дан Daniel Rose 14 июля '10 в 12:00
источник поделиться

Этот сайт является отличной ссылкой на размеры значков для многих платформ: http://iconhandbook.co.uk/reference/chart/

27
ответ дан Mark Hatton 13 июля '10 в 13:18
источник поделиться

После некоторого тестирования с помощью значка с 8, 16, 20, 24, 32, 40, 48, 64, 96, 128 и 256 пикселями (256 в PNG) в Windows 7:

  • При 100% -ном разрешении: Explorer использует 16, 40, 48 и 256. Windows Photo Viewer использует 96. Paint использует 256.
  • При разрешении 125%: Explorer использует 20, 40 и 256. Windows Photo Viewer использует 96. Paint использует 256.
  • При разрешении 150%: Explorer использует 24, 48 и 256. Windows Photo Viewer использует 96. Paint использует 256.
  • При разрешении 200%: Explorer использует 40, 64, 96 и 256. Windows Photo Viewer использует 128. Paint использует 256.

Так что 8, 32 никогда не использовались (это странно для меня 32) и 128 только Windows Photo Viewer с очень высоким экраном с разрешением на дюйм, т.е. никогда не использовалось.

Это означает, что ваш значок должен по крайней мере обеспечивать 16, 48 и 256 для Windows 7. Для поддержки более новых экранов с высоким разрешением вы должны предоставить 16, 20, 24, 40, 48, 64, 96 и 256. Для Windows 7, все изображения могут быть сжаты с использованием PNG, но для обратной совместимости с Windows XP, с 16 по 48 не следует сжимать.

21
ответ дан Futal 05 сент. '12 в 17:39
источник поделиться

Рекомендация Microsoft UX icon:

"Значки приложений и элементы панели управления. Полный набор включает 16x16, 32x32, 48x48 и 256x256 (шкала кода от 32 до 256).

Для меня это подразумевает (но явно не заявляет, к сожалению), что вы должны предоставить эти 4 размера.

Дополнительные сведения о цветовых форматах, которые также могут оказаться полезными:

  • "Файлы иконок требуют также 8-битной и 4-битной версий палитр, чтобы поддерживать настройку по умолчанию на удаленном рабочем столе".

  • "Должна быть включена только 32-разрядная копия изображения размером 256x256 пикселей, и только 256x256-пиксельное изображение должно быть сжато [в формате PNG], чтобы уменьшить размер файла."

19
ответ дан stone 11 сент. '10 в 0:35
источник поделиться

Не 96x96, вместо этого используйте 64x64. Обычно я использую:

  • 16 - кнопка статуса/заголовка
  • 32 - значок рабочего стола
  • 48 - вид папки
  • 64/128 - Дополнительные размеры

256 работает также и на XP, однако старые компиляторы ресурсов иногда жаловались на ошибки "из памяти".

6
ответ дан Christian 13 июля '10 в 13:18
источник поделиться

(Обновленный ответ для Windows 8/10)

Полный список руководств и размеров здесь, в новых руководствах по дизайну Windows: https://msdn.microsoft.com/en-us/windows/uwp/controls-and-patterns/tiles-and-notifications-app-assets#asset-types

Все еще включайте файл .ICO с этими размерами, чтобы поддерживать устаревшие впечатления:

  • 16х16
  • 24x24
  • 32x32
  • 48x48
  • 256x256
4
ответ дан jaminroe 02 нояб. '16 в 19:19
источник поделиться

В случае с Windows 10 это не совсем точно, на самом деле ни один из ответов на stackoverflow не был, я узнал об этом, когда попытался использовать пиксельное искусство в качестве значка, и он получил масштабирование, когда он не должен был ( в этом случае было легко увидеть причину интерполяции и сглаживания окон), даже если бы я использовал размеры этого сообщения.

Итак, я сделал приложение и выполнил все настройки DPI, см. его здесь:
Windows 10 все разрешения на все настройки DPI
Вы также можете использовать мое приложение для создания значков, а также с интерполяцией ближайшего соседа с сглаживанием, что не выполняется ни с одним из плохих редакторов, которые я видел.

Если вы хотите только разрешения:
16, 20, 24, 28, 30, 31, 32, 40, 42, 47, 48, 56, 60, 63, 84, 256
и вы должны использовать все значки PNG и все, что вы ставите рядом с ними, оно не будет отображаться. См. Мой сообщение.

4
ответ дан z4k 29 нояб. '16 в 5:26
источник поделиться

От Рекомендации Microsoft MSDN:

Значки приложений и элементы панели управления. Полный набор включает 16x16, 32x32, 48x48 и 256x256 (шкала кода от 32 до 256). Требуется формат файла .ico. Для классического режима полный набор составляет 16x16, 24x24, 32x32, 48x48 и 64x64.

Итак, у нас уже есть стандартные рекомендуемые размеры:

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

Если мы хотим поддерживать высокие настройки DPI, полный список также будет содержать следующие размеры:

  • 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.
0
ответ дан Jacek Krawczyk 05 сент. '17 в 14:19
источник поделиться

Другие вопросы по меткам