Значок png: Векторные иконки и стикеры — PNG, SVG, EPS, PSD и CSS

Создание значка приложения для Windows — Windows apps

• Статья
• 09/24/2022
• Чтение занимает 3 мин

После разработки значка приложения необходимо создать сами файлы значков. Так как Windows поддерживает несколько тем, разрешения отображения и коэффициенты масштабирования, следует предоставить несколько версий значка, чтобы обеспечить его отличный вид на каждом устройстве в любом размере.

Размеры значков (WPF, UWP, WinUI)

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

Размеры значков (Win32)

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

Масштабирование значков

Когда Windows отображает значок приложения, сначала он будет искать точный размер. Если точного соответствия нет, он будет искать следующий размер выше и уменьшить масштаб. Добавление дополнительных размеров значков в приложение означает, что Windows чаще будут соответствовать идеальному пикселю, а также уменьшить объем масштабирования, применяемого к масштабируемым значкам.

коэффициент масштабирования Windows 11	100 %	125%	150%	200 %	250%	300%	400 %
Контекстное меню, строка заголовка, панель системной области	16 пикселей	20 пикселей	24 пикселей	32 пикселей	40px	48 пикселей	64 пикселей
Панель задач, результаты поиска, запуск списка всех приложений	24 пикселей	30 пикселей	36 пикселей	48 пикселей	60 пикселей	72 пикселей	96 пикселей
Начальные закрепления	32 пикселей	40px	48 пикселей	64 пикселей	80 пикселей	96 пикселей	256 пикселей

Примечание

Приложения должны иметь не менее: 16×16, 24×24, 32×32, 48×48 и 256×256. Это охватывает наиболее распространенные размеры значков и, предоставляя значок размером 256 пикселей, гарантирует, что Windows только когда-либо масштабировать значок вниз, никогда не вверх.

Прозрачные фоны

Значки лучше выглядят прозрачным фоном. Если для фирменной символики приложения требуется, чтобы значок был заклейм на фоне, это тоже нормально. Однако вам придется повторно реализовать некоторые функции тем, которые прозрачные значки получают бесплатно. Например, вы можете предоставить версию значка приложения, размещенную на двух разных фонах, одну лучше подходит для светлой темы, а другая — темной темы.

Полный список значков и вариантов

Windows использует различные ресурсы значков в разных контекстах пользовательского интерфейса. Использование немного изменилось между Windows 10 & Windows 11.

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

Значок приложения

В Windows 10 и 11 значок AppList является основным значком приложения.

Он будет использоваться в нескольких местах, включая панель задач, начальные контакты, список всех приложений и список результатов поиска. Windows 11 выбирает соответствующий значок для списка всех приложений на основе текущего коэффициента масштабирования, но Windows 10 использует конкретные, явно определенные значки, если вы предоставите их.

Требуются отдельные файлы для всех трех вариантов темы (по умолчанию, светлая тема, темная тема), даже если значок одинаков. Если эти файлы не указаны, значок появится на системной плите значков, чтобы обеспечить минимальное соотношение контрастности.

Целевой размер списка приложений (обязательно)

• AppList.targetsize-16.png
• AppList.targetsize-20.png
• AppList.targetsize-24.png
• AppList.targetsize-30.png
• AppList.targetsize-32.png
• AppList.targetsize-36.png
• AppList.targetsize-40.png
• AppList.targetsize-48.png
• AppList.targetsize-60.png
• AppList. targetsize-64.png
• AppList.targetsize-72.png
• AppList.targetsize-80.png
• AppList.targetsize-96.png
• AppList.targetsize-256.png

Темная тема (обязательно)

• AppList.targetsize-16_altform-unplated.png
• AppList.targetsize-20_altform-unplated.png
• AppList.targetsize-24_altform-unplated.png
• AppList.targetsize-30_altform-unplated.png
• AppList.targetsize-32_altform-unplated.png
• AppList.targetsize-36_altform-unplated.png
• AppList.targetsize-40_altform-unplated.png
• AppList.targetsize-48_altform-unplated.png
• AppList.targetsize-60_altform-unplated.png
• AppList.targetsize-64_altform-unplated.png
• AppList.targetsize-72_altform-unplated.png
• AppList.targetsize-80_altform-unplated.png
• AppList.targetsize-96_altform-unplated.png
• AppList.targetsize-256_altform-unplated.png

Светлая тема (обязательно)

• AppList. targetsize-16_altform-lightunplated.png
• AppList.targetsize-20_altform-lightunplated.png
• AppList.targetsize-24_altform-lightunplated.png
• AppList.targetsize-30_altform-lightunplated.png
• AppList.targetsize-32_altform-lightunplated.png
• AppList.targetsize-36_altform-lightunplated.png
• AppList.targetsize-40_altform-lightunplated.png
• AppList.targetsize-48_altform-lightunplated.png
• AppList.targetsize-60_altform-lightunplated.png
• AppList.targetsize-64_altform-lightunplated.png
• AppList.targetsize-72_altform-lightunplated.png
• AppList.targetsize-80_altform-lightunplated.png
• AppList.targetsize-96_altform-lightunplated.png
• AppList.targetsize-256_altform-lightunplated.png

Масштабирование списка приложений (Windows 10) (необязательно)

• AppList.scale-100.png
• AppList.scale-125.png
• AppList.scale-150.png
• AppList.scale-200.png
• AppList. scale-400.png

Светлая тема (Windows 10) (необязательно)

• AppList.scale-100_altform-colorful_theme-light.png
• AppList.scale-125_altform-colorful_theme-light.png
• AppList.scale-150_altform-colorful_theme-light.png
• AppList.scale-200_altform-colorful_theme-light.png
• AppList.scale-400_altform-colorful_theme-light.png

Примечание

Если вы не включаете целевые ресурсы targetsize-*-altform-unplated над значком, масштабируется до меньшего размера и получит нежелательный задний план за значком на панели задач и на начальной панели.

Плитки

Windows 10 поддерживает четыре размера плитки: малый, средний, широкий и большой.

Тема по умолчанию и темная (частично обязательная)

• SmallTile.scale-100.png
• SmallTile.scale-125.png
• SmallTile.scale-150.png
• SmallTile.scale-200.png
• SmallTile.scale-400.png

• MedTile.scale-100.png
• MedTile. scale-125.png
• MedTile.scale-150.png
• MedTile.scale-200.png
• MedTile.scale-400.png

• WideTile.scale-100.png
• WideTile.scale-125.png
• WideTile.scale-150.png
• WideTile.scale-200.png
• WideTile.scale-400.png

• LargeTile.scale-100.png
• LargeTile.scale-125.png
• LargeTile.scale-150.png
• LargeTile.scale-200.png
• LargeTile.scale-400.png

Светлая тема (необязательно)

• SmallTile.scale-100_altform-colorful_theme-light.png
• SmallTile.scale-125_altform-colorful_theme-light.png
• SmallTile.scale-150_altform-colorful_theme-light.png
• SmallTile.scale-200_altform-colorful_theme-light.png
• SmallTile.scale-400_altform-colorful_theme-light.png

• MedTile.scale-100_altform-colorful_theme-light.png
• MedTile.scale-125_altform-colorful_theme-light.png
• MedTile.scale-150_altform-colorful_theme-light. png
• MedTile.scale-200_altform-colorful_theme-light.png
• MedTile.scale-400_altform-colorful_theme-light.png

• WideTile.scale-100_altform-colorful_theme-light.png
• WideTile.scale-125_altform-colorful_theme-light.png
• WideTile.scale-150_altform-colorful_theme-light.png
• WideTile.scale-200_altform-colorful_theme-light.png
• WideTile.scale-400_altform-colorful_theme-light.png

• LargeTile.scale-100_altform-colorful_theme-light.png
• LargeTile.scale-125_altform-colorful_theme-light.png
• LargeTile.scale-150_altform-colorful_theme-light.png
• LargeTile.scale-200_altform-colorful_theme-light.png 8 LargeTile.scale-400_altform-colorful_theme-light.png

Примечание

Windows 11 не использует ресурсы плиток, но в настоящее время для публикации в Microsoft Store требуется как минимум средний ресурс плитки с 100 %. Если ваше приложение Windows 10 & 11 совместимо, рекомендуется включить как можно больше ресурсов плитки.

Экран-заставка

Экраны-заставки также могут быть светлыми и темными темами, такими как ресурсы значков приложения.

Default

• SplashScreen.scale-100.png
• SplashScreen.scale-125.png
• SplashScreen.scale-150.png
• SplashScreen.scale-200.png
• SplashScreen.scale-400.png

Темная тема (необязательно)

• SplashScreen.scale-100_altform-colorful_theme-dark.png
• SplashScreen.scale-125_altform-colorful_theme-dark.png
• SplashScreen.scale-150_altform-colorful_theme-dark.png
• SplashScreen.scale-200_altform-colorful_theme-dark.png
• SplashScreen.scale-400_altform-colorful_theme-dark.png

Светлая тема (необязательно)

• SplashScreen.scale-100_altform-colorful_theme-light.png
• SplashScreen.scale-125_altform-colorful_theme-light.png
• SplashScreen.scale-150_altform-colorful_theme-light.png
• SplashScreen.scale-200_altform-colorful_theme-light. png
• SplashScreen.scale-400_altform-colorful_theme-light.png

Эмблема

Значки эмблемы используются на экране блокировки Windows 10 и для большинства приложений не требуются.

Windows 10 (необязательно)

• BadgeLogo.scale-100.png
• BadgeLogo.scale-125.png
• BadgeLogo.scale-150.png
• BadgeLogo.scale-200.png
• BadgeLogo.scale-400.png

Логотип пакета (логотип Microsoft Store)

Эти ресурсы необходимы для публикации в Microsoft Store.

Темная тема по умолчанию (требуется)

• StoreLogo.scale-100.png
• StoreLogo.scale-125.png
• StoreLogo.scale-150.png
• StoreLogo.scale-200.png
• StoreLogo.scale-400.png

Светлая тема (необязательно)

• StoreLogo.scale-100_altform-colorful_theme-light.png
• StoreLogo.scale-125_altform-colorful_theme-light.png
• StoreLogo.scale-150_altform-colorful_theme-light. png
• StoreLogo.scale-200_altform-colorful_theme-light.png
• StoreLogo.scale-400_altform-colorful_theme-light.png

Сжатие PNG-изображений онлайн

Загрузить

Перетащите файлы сюда.

Применительно к цифровым файлам сжатие — это действие по удалению битов информации из одного файла и уменьшению его размера. Иногда вы удаляете пустые или бесполезные биты информации, поэтому файл уменьшается в размере, но выглядит точно так же. Это называется сжатием без потерь. С другой стороны, если вы удаляете биты, которые снижают качество файла, это называется сжатием с потерями.

Инструмент на этой странице осуществляет один из видов сжатия с потерями, уменьшая доступную цветовую палитру PNG.

Зачем нужно сжимать PNG?

PNG идеально подходит для графики, логотипов и других простых дизайнов, поскольку поддерживает прозрачность. Это позволяет поместить PNG поверх другого изображения и закрыть только определенные части изображения под ним. Это невозможно для многих других форматов изображений, включая JPG.

PNG поддерживает либо 24-битные, либо 8-битные цвета. Чем выше разрядность, тем больше цветов доступно для PNG — и тем больше размер файла. Если на вашем сайте есть простой логотип в формате PNG с разрядностью 24 бита, этот файл занимает ненужное место и замедляет загрузку страницы. Преобразование этого изображения в 8-битную палитру уменьшит размер файла, не влияя на его видимое качество. Теперь у вас есть файл меньшего размера, занимающий меньше места в хранилище, и ваша страница будет загружаться немного быстрее.

Если на вашей странице много PNG-изображений, сжатие их до 8-битной палитры может значительно повысить скорость работы вашего сайта.

Как сжать PNG?

Сжать PNG невероятно просто с помощью нашего бесплатного онлайн-инструмента. Нет необходимости загружать программное обеспечение, регистрироваться и ограничивать количество сжатий.

Прежде всего, вам нужно загрузить один или до 20 файлов PNG. Самый простой способ сделать это — просто перетащить изображения в поле “Перетащите файлы сюда.”. Однако если вы пользуетесь мобильным устройством, вы можете нажать кнопку “ЗАГРУЗИТЬ” и таким образом перейти к вашим PNG.

После загрузки вы увидите миниатюры PNG в очереди. Наш сервер немедленно обработает их и определит подходящий коэффициент сжатия качества. Если вас устраивает то, что выбрал наш сервер, вы можете просто взять сжатый файл(ы), нажав кнопку “СКАЧАТЬ” под миниатюрами.

Если вы хотите вручную управлять степенью сжатия, это также возможно. Нажмите на миниатюру одного из ваших изображений, чтобы запустить ручной режим. Перемещайте ползунок качества, пока не найдете идеальное соотношение сжатия и верности файла. Когда вы будете удовлетворены, нажмите кнопку “OK” и переходите к следующему изображению.

Когда все готово, вы можете сэкономить время, нажав кнопку “СКАЧАТЬ ВСЕ”. Это загрузит ZIP-файл, который будет содержать все ваши сжатые PNG в одном удобном пакете.

Если вы готовы выполнить еще одно преобразование, нажмите кнопку “ОЧИСТИТЬ” и начните процесс заново. Помните, что вы можете делать партии только из 20 изображений максимум, но вы можете загружать столько партий, сколько захотите.

Безопасно ли сжимать файлы PNG?

Наш инструмент сжатия не только прост в использовании, но и абсолютно безопасен. Сервер, на котором работает инструмент, полностью автоматизирован, поэтому никто не видит загруженные вами изображения. Кроме того, сервер автоматически очищает все данные через 60 минут, поэтому все, что вы загрузите, будет удалено всего через час. Это обеспечивает конфиденциальность и безопасность ваших данных.

Кроме того, если вас не устраивает результат сжатия, у вас останутся исходные файлы. Вы можете снова загрузить основной файл и повторно сжать его. Вы можете делать это столько раз, сколько пожелаете.

Logo Ig PNG, Logo Instagram Icon Бесплатно СКАЧАТЬ

Logo Ig Png Вы можете скачать 34 бесплатных изображения ig png .
При разработке нового логотипа вас могут вдохновить визуальные логотипы, найденные здесь. Все изображения и логотипы выполнены с большим мастерством. Формата psd для Logo ig PNG, Logo instagram Icon бесплатно СКАЧАТЬ в нашей системе нет. Кроме того, все товарные знаки и права на использование принадлежат соответствующему учреждению. Мы можем более легко найти изображения и логотипы, которые вы ищете В архиве.

Пожалуйста, не забудьте дать ссылку на Logo ig PNG, Logo instagram Icon бесплатно СКАЧАТЬ страницу для указания авторства!

Спасибо, что выбрали нас!

• logo ig, instagram new logo vector download

  Res: 300×300 , Size: 75.08 KB

• logo ig, instagram new logo vector download

  Res: 300×300 , Size: 9.83 KB

• логотип ig png, instagram logo веб-сайт Camel Productions

  RES: 1100X1100 , размер: 393. 1 KB

• Logo IG, логотип обильный логотип Instagram.

  Res: 1600×1600 , размер: 53,89 КБ

• Logo IG, потрясающий вектор логотипа Instagram для нового

  RES: 1024×1024 , размер: 895.18 KB

, размер: 895.18 KB
, размер: 895.18 KB
.0016

Logo IG, Instagram Windows Phone All, что вам нужно знать

Res: 800×799 , размер: 233,39 KB

• Logo IG, Logo Instagram INI ADA Varia

  Res: 640×640 , Размер: 23,73 KB0008

  Res: 3024×3024 , Size: 103.78 KB

• logo ig, instagram png icons logo png images for download

  Res: 360×360 , Size: 27.59 KB

• logo fb and logo ig transparent

  Res: 586×347 , Size: 31. 34 KB

• logo ig, instagram png transparent instagram images pluspng

  Res: 512×512 , Size: 165.45 KB

• logo ig, instagram icon instagram logo website icon app icon

  Res: 640×640 , Size: 31.03 KB

• logo ig, instagram icon instagram logo icon instagram logo

  Res: 640×640 , Size: 29.11 KB

• IG Logo PNG, Instagram Blue Logo Png

  RES: 296×300 , размер: 48.05 KB

• Logo IG, INSTAGRAM PHOTRAME CAMERARARIN0009 Res: 980×980 , Size: 60.83 KB

• logo ig, instagram clipart png transparent background clipground

  Res: 800×800 , Size: 29.81 KB

• igtv workshops

  Res: 1494×2420 , размер: 208,67 KB

• IG Logo PNG, Instagram Social Outded Logo Svg PNG Скачать

  Res: 980×958 , размер: 62,24 KB

• 21, размер: 62,24 KB

• 2

  9000 2 9000 2

  9000 2

  9000 2 . 0008

  Res: 1200×1406 , Size: 524.39 KB

• logo ig, hire mobile djs ventura lighting photo booth flamezz

  Res: 500×500 , Size: 32.54 KB

• igtv, anusha poojary author Пространственные решения для написания контента.0016

  logo ig, igtv logo circle transparent png

  Res: 2400×2400 , Size: 805.29 KB

• igtv logo circle black and white png transparent svg

  Res: 800×600 , Size: 11.54 KB

• IGTV Instagram The Tech Basket

  RES: 720×340 , размер: 128,22 KB

• IGTV Logo Transparent PNG PNG PROSSPARENT SVG VECTOR

  202020202021.0008

• igtv logo circle black and white png transparent svg

  Res: 2400×2400 , Size: 124. 67 KB

• igtv, best instagram icon png wangchu

  Res: 512×512 , Size: 12.2 KB

• igtv, купить facebook fanpage likes thesocialrisem

  Res: 300×300 , Size: 26.75 KB0009 Res: 256×300 , размер: 26,08 КБ

• IGTV, Vectors Instagram. , Размер: 61,17 КБ

Загрузки — Creative Commons

Для печатных публикаций следует использовать следующие файлы SVG, EPS и PNG. Пожалуйста, ознакомьтесь с нашей страницей политики для получения дополнительной информации о том, как могут использоваться наши логотипы. Логотипы и товарные знаки CC всегда следует загружать с этой страницы, чтобы обеспечить высокое качество. Загрузка с других сайтов может не соответствовать нашим стандартам и может привести к неправильному отображению или использованию наших защищенных логотипов и товарных знаков.

Векторные файлы SVG и EPS рекомендуются для использования в печатных материалах — файлы со стандартным разрешением экрана будут выглядеть размытыми или зубчатыми при использовании в печати. Есть ссылки на широкоформатные, высококачественные версии PNG каждого изображения для Интернета, печати, презентаций и видео.

Логотипы

Набор логотипов Akzidenz Grotesk Bold . Если он недоступен, вы можете использовать наш шрифт с открытой лицензией (лицензия CC BY-SA), CC Accidenz Commons . Загрузите его здесь.

Значки

Значки

Наклейки

Физические носители

Шесть лицензий для обмена вашей работой — простое и быстрое знакомство с лицензиями Creative Commons. Также доступен в виде сложенной брошюры.

Руководство по использованию общедоступных инструментов — простое и краткое введение в общедоступные инструменты Creative Commons. Также доступен в виде сложенной брошюры.

Три уровня лицензии (png). Также доступен в оттенках серого. (авторское право 2011 г., Creative Commons, Натан Йерглер, Алекс Робертс. Лицензия для общественности в соответствии с CC BY 3.0 Unported.)

Что такое Creative Commons? (Зеркало на scribd.com) — краткое введение, предназначенное для двусторонних печатных листовок на полстраницы.

Что такое Creative Commons? (Зеркало на scribd.com) — Полное введение, предназначенное для полностраничных распечаток.

Что такое Creative Commons? постер (зеркало на scribd.com) — постер большого формата.

Плакат «Как лицензировать» (Зеркало на scribd.com, исходные файлы Inkscape SVG) — плакат большого формата с объяснением наших шести лицензий.

Лицензирование и маркировка вашего контента (pdf) (Зеркало на scribd.com) — распечатка на всю страницу с информацией о маркировке контента CC.

Совместное использование комиксов Creative Works (Зеркало на scribd.com, исходные файлы Inkscape SVG) — общее введение в авторское право и лицензирование CC.

Поощрение экологии творчества (pdf) (Зеркало на scribd.com) — История и идеология Creative Commons.

Видеозаставки

Видеозаставки Creative Commons
Мы создали их вместе с графическим дизайнером/иллюстратором Райаном Джунеллом. Не стесняйтесь использовать их в своих видеороликах о Creative Commons или помечать свои видео лицензией CC или инструментом общественного достояния по вашему выбору.

Анимированные GIF-файлы

Creative Commons Logo Color Pop

Щелкните правой кнопкой мыши анимацию выше, чтобы сохранить ее на локальное устройство. Вы можете свободно использовать собранные здесь анимации, чтобы продемонстрировать свою поддержку CC, поскольку они являются общественным достоянием в соответствии с CC0. Значок CC и другие товарные знаки CC регулируются Политикой в ​​отношении товарных знаков Creative Commons.

Цвета

Текущие цвета нашего бренда:

Нужен совет по стилю CC? Ознакомьтесь с нашим руководством по стилю.