Иконка информация png: Иконки «Info» — скачивайте бесплатно в PNG, SVG, GIF

Иконки «Info» — скачивайте бесплатно в PNG, SVG, GIF

Информация

+ В коллекцию

Информация

+ В коллекцию

Информация

+ В коллекцию

Информация

+ В коллекцию

Информация

+ В коллекцию

Анимированные

Информация

+ В коллекцию

Анимированные

Информация

+ В коллекцию

Анимированные

Информация

+ В коллекцию

Информация

+ В коллекцию

Информация

+ В коллекцию

Информация

+ В коллекцию

Информация

+ В коллекцию

Информация

+ В коллекцию

Информация

+ В коллекцию

Информация

+ В коллекцию

Информация

Информация

+ В коллекцию

Информация

+ В коллекцию

Информация

+ В коллекцию

Информация

+ В коллекцию

Информация

+ В коллекцию

Информация

+ В коллекцию

Информация

+ В коллекцию

Информация

+ В коллекцию

Информация

+ В коллекцию

Информация

+ В коллекцию

Информация

+ В коллекцию

Информация

+ В коллекцию

Информация

+ В коллекцию

Информация

+ В коллекцию

Информация

+ В коллекцию

Информация

+ В коллекцию

Информация

+ В коллекцию

Информация

+ В коллекцию

Информация

+ В коллекцию

Информация

+ В коллекцию

Информация

+ В коллекцию

Информация

+ В коллекцию

Информация

+ В коллекцию

Информация

+ В коллекцию

Информация

+ В коллекцию

Информация

+ В коллекцию

Информация

+ В коллекцию

Информация

+ В коллекцию

Информация

+ В коллекцию

Info

+ В коллекцию

О нас, женщина

+ В коллекцию

О нас, женщина

+ В коллекцию

О нас, женщина

+ В коллекцию

О нас, женщина

+ В коллекцию

О нас, мужчина

+ В коллекцию

+ В коллекцию

О нас, женщина

+ В коллекцию

О нас, мужчина

+ В коллекцию

О нас, женщина

+ В коллекцию

О нас, женщина

+ В коллекцию

О нас, женщина

+ В коллекцию

О нас, мужчина

+ В коллекцию

О нас, мужчина

+ В коллекцию

О нас, мужчина

+ В коллекцию

Page not found (404)

• Packs
  • Значок пакеты недавно Загрузил
  • Самых популярных значок пакеты
  • Эксклюзивные наборы значков
• категории
  • Сельское хозяйство Иконки
  • Животные Иконки
  • Аватар и смайлики Иконки
  • Красота и мода Иконки
  • Бизнес и финансы Иконки
  • Мультфильм Иконки
  • Кино, телевидение и фильмы Иконки
  • Одежда и аксессуары Иконки
  • Преступление и безопасность Иконки
  • Культура, религия и фестивали Иконки
  • Дизайн и разработка Иконки
  • Экология, окружающая среда и природа Иконки
  • Электронная торговля и покупки Иконки
  • Электронные устройства и оборудование Иконки
  • Файлы и папки Иконки
  • Флаги и карты Иконки
  • Дизайн и разработка Иконки
  • Экология, окружающая среда и природа Иконки
  • Gym и Fitness Иконки
  • Здравоохранение и медицина Иконки
  • Промышленность и инфраструктура Иконки
  • Инфографика Иконки
  • Дети Иконки
  • люблю Иконки
  • Разное Иконки
  • Музыка и мультимедиа Иконки
  • Сеть и связь Иконки
  • Недвижимость и строительство Иконки
  • Школа и образование Иконки
  • Наука и технологии Иконки
  • SEO и Web Иконки
  • Sign и Symbol Иконки
  • Социальные медиа и логотипы Иконки
  • Спорт и игры Иконки
  • Инструменты, строительство и оборудование Иконки
  • Транспорт и транспортные средства Иконки
  • Путешествия, отели и каникулы Иконки
  • Пользовательский интерфейс и жесты Иконки
  • Погода и сезоны Иконки
• стили значков
  • 3D Иконки
  • Badge Иконки
  • Filled outline Иконки
  • Flat Иконки
  • Glyph Иконки
  • Handdrawn Иконки
  • Long shadow Иконки
  • Outline Иконки
  • Photorealistic Иконки
• Популярные поиски
  • Instagram Иконки
  • Vk Иконки
  • телефон Иконки
  • Папки Иконки
  • деньги Иконки
  • Социальные Иконки
  • Facebook Иконки
  • Telegram Иконки
  • Viber Иконки
  • корзина Иконки
  • Whatsapp Иконки
  • стрелка Иконки
  • Youtube Иконки
  • дом Иконки
  • Phone Иконки
  • люди Иконки
  • почта Иконки
  • папки Иконки
  • человек Иконки
  • доставка Иконки
  • галочка Иконки
  • папка Иконки
  • музыка Иконки
  • Mail Иконки
  • компьютер Иконки
  • вк Иконки
  • Steam Иконки
  • Instagram Иконки
  • сайт Иконки
  • фото Иконки

• Log in
• Register

404 Icon by Laura Reen

%d0%b7%d0%bd%d0%b0%d1%87%d0%be%d0%ba %d0%b8%d0%bd%d1%84%d0%be%d1%80%d0%bc%d0%b0%d1%86%d0%b8%d0%b8 PNG, векторы, PSD и пнг для бесплатной загрузки

Полное руководство по созданию интерфейсных иконок

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

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

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

Основные элементы значков

Размер

Согласованность и соответствие является ключевым условием для иконок, и все ваши иконки должны быть одинакового размера при их создании. Во-первых, вам нужно убедиться, что вы знаете, как построена ваша сетка (кратно 8 или 10?). Исходя из этого, ваш базовый размер иконки должен быть напрямую связан с данными условиями. Итак, если у вас есть сетка, основанная на 8, вы бы хотели построить в 16, 24 или 32.

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

Когда вам понадобится комплексность глифа, именно тогда вы захотите добавлять другие размеры. У вас может быть значок базового продукта в 24px, а у маркетинговых значков – 80px из-за огромной разницы в использовании. Вы захотите добавить больше деталей для больших размеров.

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

Цвет

Для иконок товара используйте 1 цвет: черный. Если добавить что то кроме этого, то ваши компоненты станут слишком сложными и трудными для других дизайнеров. Для маркетинговых иконок вы можете использовать 2 цвета, если это важная часть вашего бренда, но я лично считаю, что значки должны быть одноцветными. Все, что имеет 3 или более цветов, является иллюстрацией, а не значком.

Сетки

Мне нравится строить себе сетку, прежде чем я начну. Вот мои настройки в Figma.

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

При построении моей оптической сетки, я предпочитаю делать отступы по краю, которые равны ширине моего штриха, или, возможно, в два раза шире, если я использую штрих в 1px. В приведенных ниже примерах вы можете видеть, как разные формы подходят к разным краям сетки.

Визуально доминирующий объект должен быть центрирован как вертикально, так и горизонтально.

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

Штрихи и заливки

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

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

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

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

Я не рекомендую делать контурные значки размером менее 10px (при условии, что ширина штриха будет 1px-2px). Их будет очень сложно расшифровать.

Выбор стиля

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

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

Вот подборка как продуктов, так и маркетинговых значков, которые представляют посыл и стиль визуального бренда компании:

Рисование значков

Геометрические фигуры

Если только я не создаю очень естественный, органичный стиль значков, то мне нравится начинать с основных форм, для создания формы моих иконок. Прямоугольники, квадраты и круги – отличные стартовые точки для создания более изящных значков.

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

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

Естественные формы

Рисовать более естественные формы в Figma легко. Вы можете либо использовать традиционный метод рисования кривых точка за точкой, либо вы можете использовать превосходный инструмент Figma углового радиуса. Мне нравится рисовать все мои точки в виде прямых линий, а затем закруглять углы с помощью инструмента «Радиус угла». Этот инструмент очень полезен для создания органических, сбалансированных форм. Поскольку углы Figma автоматически подстраиваются, вы можете перемещаться по этим точкам, и углы подстраиваются под вас.

Углы

Есть несколько вариантов углов: скошенный (квадратный), скошенный и закругленный. Я настоятельно рекомендую вам придерживаться одного стиля для вашего набора иконок.

Угловой радиус

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

Любая промежуточная точка на пути может быть сглажена, с помощью свойства Угловой радиус в Инспекторе. Если вы выбираете весь путь, то он округляет все углы в одинаковой степени. Если вы перейдете в режим редактирования, вы можете выбрать отдельные точки и округлить их по отдельности.

Закрашенные объекты

Если для ваших иконок требуются закрашенные объекты внутри их основных форм (например, окна в доме), в идеале вы захотите сохранить контурные фигуры в заштрихованных значках. И закрашенные объекты в закрашенных значках. В случае, если у вас нет места для контурных фигур, вы хотите использовать закрашенные формы, которые пропорциональны вашим контурам. Например, если у вас контур шириной в 2px, вам не нужны закрашенные фигуры больше, чем 4x4px.

Метафора

Метафоры важны в значках-мы используем их постоянно, даже не задумываясь. Значок дома обозначает домашнюю страницу. Насекомое означает ошибку. При масштабировании значков для создания уменьшенных версий, я предпочитаю помнить про метафору(смысл), которую я использую для передачи смысла значка.

Перспектива

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

Шрифт (избегайте!)

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

Подсказки

Операции Boolean

Логические операции объединяют любой набор слоев фигур с помощью одной из четырех формул: объединение, вычитание, пересечение и исключение. Этот инструмент актуален и потрясающий. Это отличный способ сделать ваши иконки более изменяемыми. Вместо того, чтобы обрезать контуры, вы можете использовать функцию объединения. Не хотите искать пересечение фигур вручную? Попробуйте вычесть.

Группы Boolean обрабатываются как единый слой формы и имеют общие свойства заливки и обводки и могут комбинироваться с другими булевыми группами посредством последующих логических операций.

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

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

Пересечение: создает логическую группу, форма которой состоит только из перекрывающихся частей ее подслоев.

Исключение: является противоположностью пересечения. Исключение показывает только те области его подслоев, которые не перекрываются.

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

Сеть вектор

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

Как использовать иконки в системе дизайна

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

Организация

Давайте начнем с наименования файлов. Ваши иконки должны быть названы на основе того, что они показывают, а не того, что они представляют. Например, значок секундомера должен называться секундомер, а не скорость. Лампочку следует называть лампочкой, а не идеей. Вы хотите, чтобы люди сразу поняли, что такое значок, а не то, что он передает на более концептуальном уровне. Желательны короткие названия. Когда вам нужно несколько слов, используйте тире, чтобы отделить их.

Со временем вы превратите все свои значки в компоненты. В Figma компоненты работают точно так же, как и фреймы, с небольшой уловкой, которая дублирует компонент, создавая новые экземпляры, а не копии. Это означает, что вы можете иметь гигантскую библиотеку со всеми вашими значками, а когда вам понадобится ее использовать, вы создаете экземпляр из библиотеки. Если кто-то внесет изменения в оригинал, ваши значки будут обновлены. Вам может понадобится искать эти активы, поэтому вы можете добавить информацию для поиска. Но вместо того, чтобы поместить это в имя файла, есть альтернатива. Figma имеет окно описания компонента, которое позволяет добавлять теги и ключевые слова. Это отличное место для добавления всех тех фраз, которые люди могут искать в вашей библиотеке, не делая сумасшедших длинных и сложных имен. Вот откуда идут ценности продукта!

Чтобы помочь своим инженерам, вы захотите использовать как фреймы, так и страницы. Страницы представляют наиболее удаленную группу (поэтому мне нравится сортировать их по размеру). Затем фреймы помогут вам сузить содержание, как в примере ниже. Система именования этого значка имеет размер> категория> имя файла.

Когда есть один и тот же значок в разных вариациях, вот как мне нравится обрабатывать их.

Различные размеры: Используйте разные страницы, так как вы редко будете переключаться напрямую с одного экземпляра на другой.

Заливка vs контур: Если вы используете оба стиля, используйте косую черту после имени значка, чтобы указать закрашенные или заштрихованные значки.

Скорректированные изображения: если у вас есть значок с визуальным вариантом (например, с несколькими вариантами валюты), вы также можете использовать наименование, чтобы помочь дифференцировать, используя тот же метод, что и закрашенные и контурные значки.

Управление вашими активами

Когда вы закончили работу над своими знчками, вы хотите, чтобы они были максимально чистыми для наилучшего экспорта. Используйте логические операции, чтобы упростить вашу работу (помните, наш друг Объединение?). Избегайте лишних линий или форм. Убедитесь, что все ваши строки попадают в ваш кадр. Также необходимо, чтобы другой человек посмотрел на все ваши значки и дважды проверил чистоту.

Figma великолепна, потому что она поощряет сотрудничество и прозрачность. Со значками может быть заманчиво позволить всем вашим дизайнерам иметь доступ к редактированию, чтобы они могли добавлять новые значки. Я рекомендую собирать значки по отдельности, проверять их и добавлять их самостоятельно, когда они соответствуют стандарту. Предоставление вашим коллегам доступа к просмотру (и доступу к вашей библиотеке) достаточно, чтобы вовлечь их в то, что вы делаете, не заканчивая библиотекой и файлом cattywampus. Некоторые из ваших коллег могут захотеть создать разные версии одного и того же значка (например, разных цветов или с разными названиями). Это часто случается, когда кто-то связывает значок с концепцией или продуктом. Вы никогда не захотите иметь более одной версии каждого значка в вашей библиотеке. Используйте описание компонента для этих наименований. Ваши коллеги-дизайнеры должны настраивать цвета значков в своих отдельных файлах, а не в мастере. Поверьте, вам придется время от времени вносить изменения в эти значки, и вы не захотите делать это более чем в одном месте. Форматы файлов являются ключевыми для того, когда вы готовы экспортировать значки. Если вы предоставляете значки партнерам за пределами вашей команды дизайнеров или инженеров, вы, вероятно, даете им файлы .png. Экспорт в 1x, 2x и 3x для нескольких устройств. Для разработки и проектирования вы будете часто экспортировать файлы .svg, которые можно редактировать в программах проектирования и которые будут отображаться в браузере с помощью кода при визуализации онлайн в вашем приложении или на сайте. При экспорте SVG вам понадобится максимально чистый код. Еще одна веская причина для выбора Figma-это сверхлимитный экспорт SVG. Поскольку они оптимизированы, это устраняет необходимость дальнейшей оптимизации в будущем. Ознакомьтесь с этой статьей, чтобы узнать больше.

Передача ваших значков в другие руки

Вы можете быть величайшим дизайнером значков в мире, но если вы не можете внедрить ваши значки в ваше приложение / веб-страницу / прямую почтовую программу, это ничего не даст. Прежде чем приступить к проектированию, поговорите с командой инженеров, ответственных за их внедрение в продукт. Они смогут предоставить вам информацию о веб-сайте или инфраструктуре приложения, которая будет определять некоторые из ваших вариантов, например, ширина или размер штриха. Спросите других дизайнеров, что было сделано раннее, чтобы убедиться, что вы не дублируете работу. Выясните из ваших PMM, какие дополнительные значки они желают увидеть. Будьте дружелюбным сотрудником, который заинтересован в обратной связи, совете и помощи. Это даст вам лучшее представление о том, что вы должны делать, чтобы вам не пришлось переделывать работу и не упускать ключевых арендаторов, с которыми уже нашли общий язык другие люди. И когда вы будете готовы к реализации со своими разработчиками, попробуйте использовать API Figma для программного экспорта.

Другие источники

• Не стесняйтесь связаться с Бонни Кейт Вольф по адресу [email protected]
• Я люблю thenounproject.com→ это место вдохновлено различными взглядами на одну и ту же тему (кто знал, что было так много способов нарисовать папку с файлами!)

Как создать иконки PNG для Android из SVG с помощью GIMP

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

Важной частью является следующее:

Чтобы создать значок для разных плотностей, вы должны следовать коэффициенту масштабирования 2: 3: 4: 6 между четырьмя основными плотностями (средняя, ​​высокая, х-высокая и хх-высокая соответственно). Например, предположим, что размер значка средства запуска указан как 48×48 dp. Это означает, что базовый (MDPI) актив составляет 48×48 пикселей , а актив высокой плотности (HDPI) должен быть в 1,5 раза больше базовой линии при 72×72 пикселей , а актив высокой плотности (XHDPI) должен быть в 2 раза больше базовой линии при 96×96 пикселей , и скоро.

Теперь к вашей проблеме:

У вас есть файл SVG с набором иконок. В документации сказано, что рекомендуемый размер для самой большой плотности составляет 96×96 пикселей. Это потому, что смартфоны имеют удвоенную плотность пикселей настольных мониторов.

Вот почему значок 48x48px будет хорошо смотреться на вашем компьютере, но размыт на вашем нексусе, потому что вашему нексусу нужно больше качества, чтобы заполнить то же пространство. Ему нужно ровно 2х качество, потому что это 2х MDPI экран (он имеет удвоенное количество пикселей на «пиксельное пространство», тогда как 1,5 MDPI имеет 1,5х плотность).

Вкратце: вам понадобятся 3 иконки. Размеры: 48x48px, 72x72px и 96x96px . В устройствах ваши значки будут выглядеть одинакового размера, потому что они масштабируются, чтобы сохранить хорошее качество, когда экран имеет большее разрешение.

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

Вот некоторые другие вопросы, которые обсуждают работу с иконками приложений:

Какие нужны фавиконки — Блог HTML Academy

Фавиконка — это favorite icon, то есть иконка для избранного. Её придумали для IE5 в 99 году, чтобы у сайтов была узнаваемая картинка. Достаточно было бросить в корень сайта файл favicon.ico и браузер сразу её подхватывал и делал красиво. До сих пор все браузеры делают запрос в корень сайта и пытаются найти там файл в формате ICO. Бросил и забыл, расходимся? Рано!

Долгое время всё прекрасно работало. В контейнер ICO можно было зашить много разных иконок: от крошечной монохромной до огромной полупрозрачной. Браузер после скачивания иконки сам выбирал нужный формат. Проблема была в том, формат ICO страшно неэффективный. Если зашить в ICO две PNG-иконки 16 и 32, то иконка будет весить в два-три раза больше, чем исходные файлы. Браузерам приходилось тянуть не только ненужные форматы, но ещё и в неэффективном виде.

Но ICO признали все браузеры и научились подключать его не только из корня сайта, но и из произвольного места. Если указать в голове документа <link rel="icon">, то браузер пойдёт не в корень, а туда, куда вы ему показали. Линковать особый адрес приходилось на каждой странице, но это же не проблема — иконка ведь всего одна! Ну правда, что могло пойти не так? Так и жили.

<link rel="icon" src="images/my.ico">

При отсутствии внятных стандартов, за дело взялась Apple. К первому Айфону прилагался прорывной мобильный браузер Safari, который тоже начал искать в корне сайта иконки, но на этот раз в формате PNG и с названием apple-touch-icon. Эту иконку видно в избранном и при добавлении сайта на домашний экран. Бросил в корень второй файл и забыл, расходимся? Нет.

Чтобы иконка была без блика сверху, нужен файл apple-touch-icon-precomposed, ещё один для ретины, потом ещё несколько для всех моделей Айпадов, тройной ретины… и в итоге вам нужно намусорить в корне или в шапке сайта целым ворохом иконок со специальными размерами: 72, 76, 114, 120, 144, 152, 180 и кажется что-то ещё. Чтобы разобраться во всех нюансах тач-иконок, читайте отличное руководство Матиаса Байненса.

<link rel="apple-touch-icon" href="apple-touch-icon-72x72.png">
<link rel="apple-touch-icon" href="apple-touch-icon-76x76.png">
<link rel="apple-touch-icon" href="apple-touch-icon-114x114.png">
<link rel="apple-touch-icon" href="apple-touch-icon-120x120.png">
<link rel="apple-touch-icon" href="apple-touch-icon-144x144.png">
<link rel="apple-touch-icon" href="apple-touch-icon-152x152.png">
<link rel="apple-touch-icon" href="apple-touch-icon-180x180.png">

Иконки Apple в какой-то момент стали стандартом де-факто. Их начали подтягивать не только другие браузеры, но и другие сервисы, чтобы сделать иконку для вашего сайта. Проблема была в том, что это было слабо документировано, учитывало интересы только одной компании и несло само её имя в формате. Нужен был стандарт.

В HTML5 появилось расширенное описание<link rel="icon">: добавился атрибут sizes, чтобы указывать размеры, и атрибут type, чтобы указывать формат иконки. Например, если у вас ICO с несколькими иконками внутри, то укажите все размеры через пробел в sizes. Если иконка векторная — да, так тоже можно — укажите размер any. Главное, не забудьте указать правильные типы. Теперь-то расходимся, проблема решена? Почти.

<link rel="icon" href="favicon.png" type="image/png">
<link rel="icon" href="favicon.ico" type="image/vnd.microsoft.icon">
<link rel="icon" href="favicon.svg" type="image/svg+xml">

Для каждой иконки писать свой линк? Сложно! А если хочется фирменный цвет указать, заставку или какие-то особенности работы всего сайта? Не иконками едиными. Вот бы нам конфиг в отдельном файле! Было и такое: browserconfig.xml для плиточных иконок IE11, JSON-манифест для иконок-виджетов табло Яндекс Браузера. Экспериментов было много, но теперь есть и стандартное решение — веб-манифест.

Спецификация Web App Manifest описывает простой JSON-файл, в котором можно указать не только все иконки, их размеры и форматы, но и полностью описать ваш сайт или приложение. Фирменный цвет, цвет фона, язык и направление письма, полное и краткое название, ориентация, режим запуска и другое. Вы подключаете его с помощью <link rel="manifest"> на каждую страницу и браузер сразу всё знает. Хороший инспектор манифеста есть во вкладке Application отладчика Chrome.

{
  "name": "My App",
  "icons": [{
    "src": "64.png",
    "sizes": "64x64"
  }, {
    "src": "128.png",
    "sizes": "128x128"
  }],
  "display": "fullscreen",
  "orientation": "landscape",
  "theme_color": "tomato",
  "background_color": "cornflowerblue"
}

А что Apple? Что-что… До сих пор поддерживает свой формат тач-иконок и придумала даже ещё один: новый, нестандартный, как мы любим! С помощью <link rel="mask-icon"> для закреплённых вкладок Safari и кнопок на тач-баре Макбуков можно указать монохромную векторную маску и цвет для наведения. Спасибо, конечно, за вектор, но неспасибо за очередной велосипед.

<link rel="mask-icon" href="mask.svg" color="red">

Веб-манифест уже так или иначе поддерживают Chrome, Opera, Samsung Internet и Firefox, но пока только на Андроиде. В Edge он тоже скоро появится — разработка в процессе. Пока это будущий способ подключения иконок, а что делать сегодня, вот прямо сейчас? Сочетать всё, что мы знаем.

Для начала, забудьте про ICO, если только вам не нужен IE10. Подключите линком PNG-иконки: простую на 16 и 32 для ретины, чтобы было красиво в браузерной строке и закладках. Дальше подключите линком из корня сайта apple-touch-icon.png размером 180 × 180. Потом подключите веб-манифест, в котором указана иконка на 192 для Андроида. Ну и можно там же упомянуть 16, 32, вектор, цвета и название — пригодится.

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

Ну что, чуда не произошло и всё по-старому: мусор в шапке, мусор в корне? Знаете, нет, я верю, что со временем веб-манифест наведёт порядок, поэтому подключайте его уже сегодня. Вот выбросим мусор и заживём!

Диагностика затруднений с подключением в Overwatch

SIM: Симуляция

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

IND: Задержка при интерполяции

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

LAT: Задержка отклика

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

PNG: Пинг

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

RTT: Время приема-передачи

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

CMDQ: Очередь команд

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

PPS IN: Количество входящих пакетов в секунду

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

PPS OUT: Количество исходящих пакетов в секунду

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

LOSS IN: Потеря входящих пакетов

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

LOSS OUT: Потеря исходящих пакетов

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

информационных иконок — загрузка в векторном формате, PNG, SVG, GIF

Иконки

Фото

Музыка

Иллюстрации

Информация

+ Коллекция

Информация

+ Коллекция

Информация

+ Коллекция

Информация

+ Коллекция

Информация

+ Коллекция

Анимированные

Информация

+ Коллекция

Анимированные

Информация

+ Коллекция

Анимированные

Информация

+ Коллекция

Информация

+ Коллекция

Информация

+ Коллекция

Информация

+ Коллекция

Информация

+ Коллекция

Информация

+ Коллекция

Информация

+ Коллекция

Информация

+ Коллекция

Информация

+ Коллекция

Информация

+ Коллекция

Информация

+ Коллекция

Информация

+ Коллекция

Информация

+ Коллекция

Информация

+ Коллекция

Информация

+ Коллекция

Информация

+ Коллекция

Информация

+ Коллекция

Информация

+ Коллекция

Информация

+ Коллекция

Информация

+ Коллекция

Информация

+ Коллекция

Информация

+ Коллекция

Информация

+ Коллекция

Информация

+ Коллекция

Информация

+ Коллекция

Информация

+ Коллекция

Информация

+ Коллекция

Информация

+ Коллекция

Информация

+ Коллекция

Информация

+ Коллекция

Информация

+ Коллекция

Информация

+ Коллекция

Информация

+ Коллекция

Информация

+ Коллекция

Информация

+ Коллекция

Информация

+ Коллекция

Информация

+ Коллекция

Информация

+ Коллекция

Информация

+ Коллекция

Больше информации

+ Коллекция

Контактная информация

+ Коллекция

Больше информации

+ Коллекция

Больше информации

+ Коллекция

Контактная информация

+ Коллекция

Контактная информация

+ Коллекция

Контактная информация

+ Коллекция

Больше информации

+ Коллекция

Больше информации

+ Коллекция

Контактная информация

+ Коллекция

Больше информации

+ Коллекция

Контактная информация

+ Коллекция

Больше информации

+ Коллекция

Больше информации

+ Коллекция

иконок, логотипов и символов резюме [100+ для бесплатной загрузки]

У вас есть идеальное резюме.

Читается как роман Джона Гришема. Похоже на налоговую форму.

Eek.

Это не то, что вам нужно, не так ли?

Пора немного изменить свое резюме.

Как насчет некоторых значков резюме для начинающих?

Эта статья покажет вам:

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

Хотите сэкономить время и подготовить резюме за 5 минут? Попробуйте наш конструктор резюме. Это быстро и легко. Кроме того, вы получите готовый контент, который можно добавить одним щелчком мыши. Посмотрите 20+ шаблонов резюме и создайте свое резюме здесь .

Создайте свое резюме прямо сейчас

Образец резюме, созданный с помощью нашего конструктора — Посмотрите больше шаблонов и создайте свое резюме здесь .

Один из наших пользователей, Никос, сказал следующее:

[Я использовал] хороший шаблон, который я нашел на Zety. Мое резюме теперь составляет на одной странице , а не на трех . То же самое.

1

Ни для кого не секрет:

Интернет изобилует веб-сайтами, предлагающими бесплатные значки.

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

Вот наш выбор из 5 лучших веб-сайтов с бесплатными значками резюме:

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

2. Freepik.com

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

Этот веб-сайт предлагает одну из самых больших галерей плоских иконок для резюме. Все значки резюме, которые вы можете найти здесь, доступны, среди прочего, в форматах PNG, SVG, EPS и PSD. Кроме того, вы можете настроить их в соответствии с вашим бесплатным шаблоном резюме.

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

Этот веб-сайт предлагает множество бесплатных значков для шаблонов резюме Word или шаблонов резюме Open Office.Большинство из них станут идеальным дополнением к любому простому или базовому дизайну резюме.

Значки резюме — это еще не все. Научитесь составлять успешное резюме с помощью нашего руководства: Как составить резюме для работы [от заявки до собеседования за 24 часа]

2

Выбор правильных значков еще не на полпути. Вам все равно нужно, чтобы пиктограммы хорошо смотрелись на реальном документе, и, если вы не профессионал в области графического дизайна, это будет кошмар.Так почему бы не позволить Зети сделать эту работу за вас?

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

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

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

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

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

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

3

Какие значки использовать в вашем резюме

Вот в чем дело:

Значки резюме могут выделить ваше резюме

Но…

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

Помните:

Слишком много хорошего — это не так хорошо.

Вот как вы можете заставить значки резюме работать в ваших интересах:

• Вы можете добавить значок резюме в заголовки разделов (опыт, навыки, образование и т. Д.)
• Используйте их в личном кабинете Информационная секция . Например, добавьте значок LinkedIn к своему резюме в LinkedIn. Вы также можете добавить другие значки: значок телефона, значок электронной почты и т. Д.
• То же самое относится и к другим вашим профилям в социальных сетях . Все ручки профиля могут сопровождаться соответствующими значками.

Убедитесь, что выбранные вами символы резюме соответствуют стилю всего вашего резюме.

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

Начали писать резюме, и у вас ничего не осталось в голове? Не беспокоиться. Вот несколько руководств, которые помогут:

4

Вот секрет:

Просто скачать бесплатные иконки резюме.

Вам также придется использовать текстовый процессор или графический редактор, чтобы вставить их в свое резюме —

Что может быть настоящей головной болью.

Особенно —

Если вы хотите составить свое резюме быстро и безболезненно.

В нашем конструкторе резюме есть встроенные пакеты значков, которые без проблем работают с нашими шаблонами резюме.

Итак:

• Нет необходимости искать что-либо в другом месте
• Форматирование вашего резюме всегда будет отлично выглядеть

В конструкторе резюме Zety есть более 100 значков резюме, которые вы можете добавить или заменить на щелкните.

У нас есть значки, которые вы можете использовать в разделе личной информации:

Существует специальный набор значков резюме для различных социальных сетей, который включает значок LinkedIn для резюме.

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

Plus—

Вы можете легко изменить значок опыта или значок навыков в своем резюме. и переставить все разделы простым перетаскиванием и drop:

И, наконец,

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

Если вам наскучили стандартные темно-серые значки резюме, выберите набор синих значков в своем резюме:

Помните:

Ваше форматирование никогда не испортится!

При создании резюме в нашем конструкторе перетаскивайте маркеры, навыки и автоматически заполняйте скучные элементы.Проверка орфографии? Чек . Начните создавать свое резюме здесь .

Когда вы закончите, конструктор резюме Zety оценит ваше резюме и подскажет , точно , как сделать его лучше.

• Интернет полон бесплатных значков резюме.
• Есть несколько веб-сайтов, предлагающих бесплатные профессиональные наборы значков для резюме, которые вы можете использовать в своем резюме.
• Предостережение: ваш документ может быть трудно отформатировать.
• Наш конструктор резюме содержит более 100 иконок для всех видов резюме и поможет вам создать свое резюме быстро и без проблем.

Хотите знать, выиграет ли ваше резюме от добавления некоторых значков резюме? Вам нравится представленная нами подборка? Расскажите нам в комментариях ниже! Мы хотели бы услышать от вас.

Спецификации дизайна иконок Google Play | Разработчики Android

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

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

Произвольная форма — исходный формат

В униформе — новый формат

На этой странице описаны рекомендации, которым вы должны следовать при создании ресурсов для список вашего приложения в Google Play.Например, потому что Google Play динамически отображает закругленные углы и тени для значков приложений, вы должны опустить их из ваших исходных активов.

Важно: Если вместо этого вы хотите узнать больше о создании APK значки запуска, которые отличаются от значков Google Play, описанных в этом страницу, см. ресурсы ниже:

• Адаптивные значки Android
  Следуйте этим рекомендациям по значкам APK, чтобы узнать, как создать адаптивную панель запуска. значки, представленные в Android 8.0 (уровень API 26).
• Значки продуктов
  Откройте для себя принципы Material Design для значков продуктов, включая рекомендации для дизайна иконок, форм, характеристик и обработки.

Создание активов

В этом разделе описаны некоторые рекомендации, которым вы должны следовать при создании визуальных ресурсы для вашего приложения в Google Play.

Атрибуты

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

При создании изображения убедитесь, что оно соответствует следующему:

• Окончательный размер: 512 пикселей x 512 пикселей
• Формат: 32-битный PNG
• Цветовое пространство: sRGB
• Максимальный размер файла: 1024 КБ
• Форма: Полный квадрат — Google Play динамически обрабатывает маскировку. Радиус будет эквивалент 20% размера значка.
• Shadow: None — Google Play динамически обрабатывает тени. См. Раздел «Тени». ниже о включении теней в ваши работы.

Общий размер актива

Ключевые линии значков продуктов

После загрузки ресурса Google Play динамически применяет маску с закругленными углами. и тень, чтобы обеспечить единообразие всех значков приложений / игр.

Слева находится ваш новый актив значка. Следующие три изображения с правой стороны показывает динамическую обработку значка Google Play.

Калибр

Используйте все пространство актива в качестве фона при работе с минималистичными произведение искусства.

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

Ваше произведение искусства без полей (последний актив)

Конечный результат с тенями и закругленными углами, динамически применяемыми Google Играть

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

Не надо.

Do.

Иллюстрированное изображение обычно хорошо работает в качестве значка без полей.

Не надо.

Do.

Тени

Google Play будет динамически добавлять тень вокруг последнего значка один раз. загружено.

При добавлении теней внутри изображения значка учитывайте согласованность с Платформа Android в соответствии с рекомендациями Google по материалам.

Не надо.

Do.

Угловой радиус

Google Play динамически применяет угловой радиус. Это обеспечивает согласованность, когда размер значка изменяется в зависимости от макетов пользовательского интерфейса. Радиус будет равен 20% от размер значка.

Не надо.

Do.

Значки

Встроенные значки отрываются от самого произведения искусства и плохо масштабируются с значок.

Осторожно.

Осторожно.

Адаптация к бренду

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

Слева направо: исходный актив значка, новый актив значка (рекомендуется адаптация), новый значок отображается в Google Play.

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

Слева направо: исходный актив значка, новый актив значка (рекомендуется адаптация), новый значок отображается в Google Play.

Если вокруг логотипа, определяющего его, нет четкой формы, поместите его на полную истекать кровью.

Слева направо: исходный актив значка, новый актив значка (рекомендуется адаптация), новый значок отображается в Google Play.

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

Слева направо: исходный актив значка, новый актив значка (рекомендуется адаптация), новый значок отображается в Google Play.

Устаревший режим

Исходные ресурсы значков, которые не были обновлены в соответствии с новыми спецификациями, будут в конечном итоге будет переведен в устаревший режим и уменьшен на 75% до сетки ключевых линий размер (512 * 0,75 = 384 пикселя).

С мая загрузка значка в соответствии с исходной спецификацией будет запрещена. 2019. См. Более подробную информацию о сроках.

Исходные ресурсы значков будут автоматически преобразованы в ресурсы устаревшего режима. и будет уменьшен на 75% до новой сетки ключевых линий.

Инструкция для пользователей API

Даты миграции немного отличаются для пользователей API, но достигают того же результата результат переноса всех значков либо в новую спецификацию, либо в «устаревший режим» до 24 июня 2019 г.

До 17 июня 2019 г. разработчики должны использовать Play Console, чтобы применить новый спецификации к их иконам. Все обращения к Edits.images: загрузить будет применяться в зависимости от того, какая спецификация настроена в Play Console. Есть нет возможности применить новую спецификацию через API.The Edits.images: загрузить звонок может произойти ошибка, если старая спецификация все еще применяется, и ошибка сообщение для этого конкретного значка укажет вам на эту спецификацию. После применив новую спецификацию с помощью Play Console, вы можете повторить попытку Edits.images: загрузить call. Возможно, вам придется повторить вызов несколько раз. прежде, чем это удастся.

Начиная с 17 июня 2019 г., все вызовы API к Edits.images: upload будут автоматически применить новую спецификацию к значку.После 17 июня 2019 г. вы должны загружать только те значки, которые совместимы с новой спецификацией.

Скачать шаблоны дизайна и ресурсы

Для начала загрузите один из предоставленных шаблонов ресурсов:

иконок приложений на iPhone, iPad и Apple Watch

Технические вопросы и ответы QA1686

Q: Какие значки необходимо включить в приложение iOS, приложение Apple Watch, приложение iMessage или приложение Sticker Pack?

A: Ниже приведены рекомендации по работе с файлами значков для приложений только для iPhone, приложений только для iPad, универсальных приложений, приложений Apple Watch и расширений iMessage.Если вы создаете приложение iMessage или приложение Sticker Pack, вы должны включить значки как для содержащего приложения, так и для расширения iMessage.

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

До iOS 3.2 изображения значков для приложений iPhone должны были соответствовать строгому соглашению об именах.Эти устаревшие имена по-прежнему перечислены в таблицах ниже вместе с примерами имен для более поздних значков. За исключением iTunesArtwork , изображения значков, включенные в ваше приложение, могут иметь произвольные имена.

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

iOS игнорирует PPI ​​(пикселей на дюйм) изображений значков. Вы можете создавать изображения значков с любым PPI, но их ширина и высота, измеряемые в пикселях, должны соответствовать значениям в таблицах ниже.

Важно: Изображения значков iTunesArtwork должны быть в формате png, но называть их без расширения .png.

Примечание. Значки приложений нельзя локализовать.

Значки только для приложений iPhone

Приложения только для iPhone используют следующие значки. Пункты с пометкой « Требуется » должны быть включены.

Примечание: Вы должны включать изображения для значков iPad, даже если приложение не является универсальным.Если они доступны, они будут использоваться при установке приложения на iPad.

В дополнение к указанным выше значкам в приложениях только для iPhone с целью развертывания iOS 6.1 или более ранней версии используются следующие значки. Элементы с пометкой « Требуется » должны быть включены, если целью развертывания приложения является iOS 6.1 или более ранней версии.

Вы можете включать отдельные изображения для значков iPhone и iPad в категории, требуемые размеры которых эквивалентны, например, «Настройки».

Значки для приложений только для iPad

Приложения только для iPad используют следующие значки. Пункты с пометкой « Требуется » должны быть включены.

В дополнение к указанным выше значкам, приложения только для iPad с целью развертывания iOS 6.1 или более ранней версии используйте следующие значки. Элементы с пометкой « Требуется » должны быть включены, если целью развертывания приложения является iOS 6.1 или более ранняя версия.

Значки для универсальных приложений

Универсальные приложения используют следующие значки.Пункты с пометкой « Требуется » должны быть включены.

В дополнение к указанным выше значкам универсальные приложения с целью развертывания iOS 6.1 или более ранней версии используйте следующие значки. Элементы с пометкой « Требуется » должны быть включены, если целью развертывания приложения является iOS 6.1 или более ранняя версия.

Вы можете включать отдельные изображения для значков iPhone и iPad в категории, требуемые размеры которых эквивалентны, например, «Настройки».

Значки приложений для часов

Приложения для часов используют следующие значки. Пункты с пометкой « Требуется » должны быть включены.

Важно: Значки для приложений Watch должны быть добавлены в цель приложения Watch. Не добавляйте значки часов в цель приложения iOS или цель расширения Watch.

Значки для расширений iMessage

Расширения iMessage и расширения пакета стикеров используют следующие значки. Пункты с пометкой « Требуется » должны быть включены.

Важно: Эти значки необходимо добавить в расширение iMessages или в целевое расширение пакета стикеров.

Добавление значков в приложение iOS

Каталоги активов являются предпочтительным способом управления значками вашего приложения. Новые проекты по умолчанию настроены на использование каталогов активов. Если у вас более старый проект, см. Перенос набора значков приложений iOS, чтобы узнать, как перемещать существующие значки приложений и запускать изображения в каталог ресурсов.Если вы предпочитаете не использовать каталоги ресурсов или если вам необходимо поддерживать iOS 4.3, вы можете вручную настроить значки приложения, отредактировав список свойств информации для вашего приложения. См. Раздел «Настройка значков без каталога активов».

Добавление изображений значков в каталог активов

1. Выберите каталог активов в навигаторе проекта. По умолчанию он называется Assets.xcassets для новых проектов или Images.xcassets для перенесенных проектов.

2. В представлении структуры набора (левый столбец) выберите набор значков приложения.Для новых или перенесенных проектов он будет называться AppIcon. Вам может потребоваться создать набор значков, нажав кнопку (+) в нижнем левом углу редактора и выбрав Значки приложений и изображения запуска > Новый значок приложения iOS в контекстном меню.

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

1. Перетащите изображения из Finder в каждую ячейку изображений, чтобы настроить соответствующий значок.

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

1. Настройте приложение для использования нового набора значков.

2. 1. Выберите проект в навигаторе проекта.

   2. Выберите цель приложения из списка в левом столбце редактора проекта.

   3. Переключитесь на панель «Общие» в верхней части редактора проекта.

   4. Выберите набор значков приложения во всплывающем меню «Источник значков приложений» в разделе «Значки приложений и изображения запуска».

Перенос набора значков приложения iOS

Упростите управление изображениями, переместив существующие значки приложений в каталог ресурсов.

1. В навигаторе проекта выберите цель.

2. Откройте панель «Общие» и перейдите к разделу «Значки приложений и изображения для запуска».

3. Нажмите кнопку «Использовать каталог активов» рядом с меткой «Источник значков приложений».

1. Настройте любые параметры в диалоговом окне. Чтобы выбрать другой каталог активов или создать новый, щелкните всплывающее меню. Выберите существующий каталог активов или выберите «Новый каталог активов», чтобы создать новый. Меню отображается, если в проекте есть хотя бы один каталог активов.

2. Нажмите кнопку «Перенести». Если каталога активов нет или вы выбрали «Новый каталог активов» во всплывающем меню, вам будет предложено создать его.Отмена создания нового каталога активов приведет к отмене миграции.

Значки переносятся в новый или существующий каталог активов.

Настройка значков без каталога активов

1. Следуйте инструкциям в справке Xcode, чтобы добавить каждое изображение значка в свой проект в качестве ресурса.

2. Найдите список информационных свойств цели в навигаторе проекта. По умолчанию он будет называться Info.plist . Нажмите на него Command и выберите в контекстном меню Открыть как> Исходный код .

Начиная с iOS 5.0, значки указываются с помощью ключа CFBundleIcons . Старые приложения могли ранее указывать свои значки, включая ключ CFBundleIconFiles . Этот ключ следует удалить, если он все еще присутствует (не забудьте также удалить любые варианты, специфичные для устройства). Все приложения должны перейти на ключ CFBundleIcons , чтобы указать свои значки.

Значение ключа CFBundleIcons — это словарь с двумя дочерними ключами: CFBundlePrimaryIcon и UINewsstandIcon .Ключ UINewsstandIcon предназначен для приложений газетного киоска, в противном случае его можно не указывать. Значение ключа CFBundlePrimaryIcon — это словарь, который идентифицирует изображения значков, связанные с пакетом. Он может содержать два дочерних ключа: CFBundleIconFiles и UIPrerenderedIcon . Значение для ключа UIPrerenderedIcon — это логическое значение, которое указывает, включают ли уже изображения эффект сияния. Значение ключа CFBundleIconFiles представляет собой массив строк, каждая из которых идентифицирует изображение в пакете.

Важно: При указании имени каждого изображения лучше опускать любые расширения. Отсутствие расширения позволяет системе автоматически обнаруживать варианты изображения с высоким разрешением ( @ 2x или @ 3x ), используя имя файла изображения со стандартным разрешением. Если вы включаете расширения, вы должны явно указать все файлы изображений (включая варианты с высоким разрешением).

Листинг 1 Пример конфигурации универсального приложения.

  CFBundleIcons  

  CFBundlePrimaryIcon  

  CFBundleIconFiles  

  Icon-Small  

  Icon-Small-40 строка> 

  Icon-Small-50  

  Icon  

  Icon-60  

  Icon-72  

  CFBundleIcons ~ ipad  

  CFBundlePrimaryIcons 

  CFBundleIconFiles  

  Icon-Small  

  Icon-Small-50  

  Icon-72  

  Icon-76  

  Icon-83.5  

Если ваше приложение поддерживает iOS 4.3, вы также должны включить ключ CFBundleIconFiles для указания изображений значков приложения. Значение этого ключа представляет собой массив строк, каждая из которых идентифицирует изображение в наборе. Если вы включили изображения для значков для iPad, вы можете указать их под ключом CFBundleIconFiles или под ключом CFBundleIconFiles ~ ipad для конкретного устройства.Приложения только для iPad должны указывать изображения своих значков под ключом CFBundleIconFiles .

Листинг 2 Пример конфигурации универсального приложения с целью развертывания iOS 4.3.

  CFBundleIconFiles  

  Icon-Small  

  Icon-Small-50  

  Icon  

  Icon-60  

  Icon-72  

  CFBundleIconFiles ~ ipad  

  Icon-Small  

  Icon-Small-40  

  Icon- Small-50  

  Значок -72  

  Icon-76  

  Icon-167  

Добавление значков в приложение для часов

Каталоги активов являются предпочтительным способом управления значками приложения для часов.Новые проекты по умолчанию настроены на использование каталогов активов.

Добавление изображений значков в каталог активов

1. Выберите каталог активов в навигаторе проекта. По умолчанию он называется Images.xcassets.

2. В левом столбце редактора выберите набор значков. Для нового он будет называться AppIcon. Вам может потребоваться создать набор значков, нажав кнопку (+) в нижнем левом углу редактора и выбрав «Новый значок приложения» в контекстном меню.

По умолчанию набор будет содержать только углубления с изображениями для значков часов. Если есть углубления с изображениями для значков приложений iOS, разверните инспектор атрибутов и выберите соответствующие параметры в раскрывающихся меню в разделе «Значок приложения».

1. Перетащите изображения из Finder в каждую ячейку изображений, чтобы настроить соответствующий значок.

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

1. Настройте приложение Watch для использования нового набора значков.

2. 1. Выберите проект в навигаторе проекта.

   2. Выберите цель Watch App из списка в левом столбце редактора проекта.

   3. Переключитесь на панель «Общие» в верхней части редактора проекта.

   4. Выберите набор значков во всплывающем меню «Источник значков приложений» в разделе «Значки приложений».

Добавление значков в расширение iMessage

Каталоги активов являются предпочтительным способом управления значками расширений iMessage и стикеров. Новые проекты по умолчанию настроены на использование каталогов активов.

Добавление изображений значков в каталог активов

1. Выберите каталог активов в навигаторе проекта. По умолчанию он называется Assets.xcassets.

2. В представлении структуры набора (левый столбец) выберите набор значков приложения. По умолчанию он называется «Значок приложения iMessage». Вам может потребоваться создать набор значков, нажав кнопку (+) в нижнем левом углу редактора и выбрав Значки приложений и изображения запуска > Значок расширения новых сообщений в контекстном меню.

1. Перетащите изображения из Finder в каждую ячейку изображений, чтобы настроить соответствующий значок.

1. Настройте добавочный номер для использования нового набора значков.

2. 1. Выберите проект в навигаторе проекта.

   2. Выберите расширение iMessage или расширение пакета стикеров из списка в левом столбце редактора проекта.

   3. Переключитесь на панель «Общие» в верхней части редактора проекта.

   4. Выберите набор значков во всплывающем меню «Источник значков наклеек» в разделе «Значки приложений».

Устранение неполадок

В этом разделе описаны распространенные проблемы и способы их решения.

Примечание: Перед попыткой дальнейшего устранения неполадок выполните чистую сборку приложения (удерживайте нажатой клавишу Option и выберите Продукт> Чистая папка сборки , затем Продукт> Сборка в строке меню Xcode) и удалите приложение с тестового устройства или симулятора. Снова соберите приложение и попытайтесь воспроизвести проблему. Вы также можете попробовать очистить содержимое папки производных данных Xcode ( ~ / Library / Developer / Xcode / DerivedData / ) перед повторной сборкой.

[Каталоги ресурсов] Удалить ключи, связанные со значками, из списка свойств информации

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

1. Откройте список свойств информации для цели. Его можно найти на вкладке Info в редакторе проекта или в навигаторе проекта, где он, вероятно, будет называться Info.plist или -Info.plist .

2. Удалите следующие ключи, включая специфические варианты устройства.

[Каталоги активов] Убедитесь, что каталог активов связан с целью

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

1. Выберите каталог активов в навигаторе проекта.

2. На панели служебных программ установите флажок рядом с целью в разделе «Целевое членство», как показано на рисунке 12.

1. Выберите проект в навигатор проекта.

2. Выберите цель из списка в левом столбце редактора проекта.

3. Переключитесь на панель «Общие» в верхней части редактора проекта.

4. Убедитесь, что имя набора значков выбрано во всплывающем меню «Источник значков приложений» в разделе «Значки приложений и изображения запуска», как показано на рисунке 4.

[Вручную] Убедитесь, что все изображения значков связаны с целью

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

1. Выберите изображение значка в навигаторе проекта.

2. На панели служебных программ установите флажок рядом с целью под панелью «Целевое членство», как показано на рисунке 13.

[Вручную] Убедитесь, что ключ CFBundleIcons присутствует в списке свойств информации

Если цель не использует каталоги активов для управления своими значками, список свойств информации должен содержат ключ CFBundleIcons для указания изображений значков приложения. См. Раздел «Настройка значков без каталога активов».

Примечание: Старые приложения могли ранее указывать свои значки приложений, включая ключ CFBundleIconFiles.Вам следует перенести эти приложения, чтобы вместо этого использовать ключ CFBundleIcons .

[Вручную] Убедитесь, что все изображения, на которые ссылается ключ CFBundleIcons, присутствуют.

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

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

Все изображения значков должны быть в формате PNG и использовать поддерживаемую цветовую модель. Изображения, которые не используют цветовую модель RGB, могут правильно отображаться в Xcode, но не загружаются на устройство. Вы можете использовать приложение Preview для проверки формата, цветовой модели и размера изображения.

1. Открыть изображение в предварительном просмотре

   • Для изображения внутри каталога активов: выберите каталог активов в навигаторе проекта, выберите набор изображений, содержащий значки, выберите изображение и выберите Файл> Открыть с помощью внешнего Редактор .

   • Для изображения вне каталога активов: выберите изображение в навигаторе проекта и выберите Файл> Открыть с помощью внешнего редактора .

2. В меню «Предварительный просмотр» выберите «Инструменты »> «Показать инспектор ».

3. Откроется окно инспектора

   • Значение поля «Тип документа» показывает формат изображения. Это должен быть образ сетевой графики портала.

   • Значение поля «Размер изображения» показывает размер изображения.Он должен соответствовать размеру, указанному на вкладках выше.

   • Значение поля «Цветовая модель» показывает размер изображения. Это должно быть RGB.

Если Тип документа не является изображением сетевой графики портала, используйте «Предварительный просмотр» для экспорта копии изображения в формате PNG.

1. В меню предварительного просмотра выберите Файл> Экспорт .

2. Выберите PNG в меню «Формат» в нижней части диалогового окна сохранения.

3. Нажмите кнопку «Сохранить».

4. Импортируйте сохраненное изображение в свой проект Xcode, заменив исходное изображение.

Повторите вышеуказанное для всех изображений значков.

Ошибки проверки

Существует несколько проблем, связанных со значками, которые приведут к тому, что ваше приложение не сможет пройти проверку Xcode или iTunes Connect. Основная проблема зависит от ошибки.

ITMS-

/ ITMS-

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

Список необходимых значков см. В таблицах выше. Убедитесь, что каждое из ваших изображений значков соответствует размеру, указанному в таблице.

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

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

ITMS-

: недопустимый путь к изображению

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

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

Если ваше приложение не использует каталоги ресурсов для управления своими значками, убедитесь, что все изображения, на которые ссылается ключ CFBundleIcons в списке свойств информации приложения, присутствуют и связаны с целевым объектом приложения.

ITMS-

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

ITMS-

: недопустимый (сообщения) актив изображения

Один или несколько значков в расширении iMessage или расширении пакета стикеров содержат прозрачные области. Значки расширений iMessage и расширений Sticker Pack должны быть непрозрачными.

Вы можете использовать приложение Preview, чтобы проверить изображение на наличие прозрачных областей, которые станут темно-серыми, как показано на рисунке 17.Используйте предпочитаемое программное обеспечение для редактирования графики, чтобы заполнить прозрачные области желаемым цветом фона.

ITMS-

: Отсутствует значок приложения (сообщения)

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

Значки для расширений iMessage и расширений пакетов стикеров необходимо добавить в каталог ресурсов, связанный с расширением iMessage или целевым расширением пакета стикеров.См. Добавление значков в расширение iMessage.

Другие ошибки

Значки не отображаются на устройстве

Если проект использует каталоги активов для управления своими значками, убедитесь, что каталог активов связан с целью.

Если проект не использует каталоги активов для управления своими значками, убедитесь, что все изображения, на которые ссылается ключ CFBundleIcons в списке свойств информации приложения, связаны с целевым объектом приложения и имеют поддерживаемый формат.

На устройстве отображается предыдущая версия значка.

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

1. Удалите приложение со своего тестового устройства или симулятора.

2. Очистите каталог сборки. Удерживая нажатой клавишу Option , выберите Product> Clean Build Folder , затем Product> Build в строке меню Xcode

3. Создайте и запустите приложение.

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

На iPad отсутствует значок приложения «Сообщения»

Убедитесь, что вы включили значки для всех размеров, перечисленных в Таблице 8, в расширение iMessage или в целевое расширение пакета стикеров. См. Добавление значков в расширение iMessage.

Кроме того, откройте список свойств информации для расширения iMessage или расширения Sticker Pack и удалите все ключи, связанные со значками.

Значок с черной рамкой

Изображение значка имеет закругленные углы или прозрачные области. iOS автоматически применит маску, которая закругляет углы к каждому значку, отображаемому на главном экране. Не вставляйте изображение значка и убедитесь, что он имеет углы 90 °, чтобы он хорошо выглядел после применения маски.

Значок имеет черный фон в App Store.

Большой значок приложения, загруженный в iTunes Connect, включает прозрачные области. В Руководстве разработчика iTunes Connect перечислены полные требования к значку большого приложения, включая то, что он должен быть непрозрачным.

Вы можете использовать приложение Preview, чтобы проверить ваше изображение на наличие прозрачных областей, которые станут темно-серыми, как показано на рисунке 17. Используйте предпочитаемое программное обеспечение для редактирования графики, чтобы заполнить прозрачные области желаемым цветом фона.

В App Store отображается неправильный значок

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

Примечание: Различные изображения значков из пакета приложения и большой значок приложения отображаются в различных контекстах в App Store. Например, неправильное изображение значка может отображаться в результатах поиска, но не на целевой странице вашего приложения.

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

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

Решение состоит в том, чтобы удалить все экземпляры предоставленных шаблоном значков, которые остаются в вашем проекте, и удалить все ссылки на удаленные файлы из списка свойств информации. Из-за большого разнообразия способов, которыми версии iOS позволяли разработчикам указывать значки приложений в списке свойств информации, вы можете счесть более простым и менее подверженным ошибкам удаление всех ключей, связанных со значками, из списка свойств информации, а затем перенастроить значки вашего приложения. используя шаги, описанные в разделе «Добавление значков в приложение iOS».См. «Начать заново».

Начать заново

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

Предупреждение: Убедитесь, что у вас есть резервная копия изображения значка за пределами каталога вашего проекта.

Удаление набора значков из каталога активов

1. Выберите каталог активов в навигаторе проекта.По умолчанию он называется Assets.xcassets или Images.xcassets.

2. В представлении структуры набора (левый столбец) нажмите на набор значков и выберите Удалить выбранные элементы из контекстного меню. По умолчанию набор значков будет называться «AppIcon».

Удаление изображений значков из вашего проекта

Используя навигатор проекта Xcode, удалите из проекта все изображения значков, которые ранее были добавлены в ваш проект в качестве ресурсов. Изображения значков обычно имеют имя файла, начинающееся с «Icon» или «AppIcon».

Удалить ключи, связанные со значком, из списка свойств информации

1. Откройте список свойств информации для вашего приложения. Его можно найти на вкладке Info в редакторе проекта или в навигаторе, где он, вероятно, будет называться YourApp-Info.plist или Info.plist .

2. Удалите следующие ключи, включая специфические варианты устройства.

Очистить проект

Чтобы удалить все кэшированные значки, очистите целевой объект.Выберите « Продукт»> «Очистить » в строке меню.

Наконец, выполните шаги, описанные в разделе «Добавление значков в приложение iOS», чтобы заново настроить правильные значки для приложения.

Дополнительные ресурсы

Дополнительные сведения см. В разделе «Значки приложений» в Руководстве по программированию приложений для iOS.

Информацию о разработке значков приложения см. В разделе «Значок приложения» Руководства по интерфейсу пользователя iOS.

Пример проекта с правильно настроенными значками см. В образце кода значков приложений и изображений запуска для iOS.

История изменений документа

Как извлекать значки из приложений Mac

Наш новый участник Тимоти Ривис недавно опубликовал хорошо сделанное руководство, объясняющее, как можно легко изменить значки приложений на Mac с помощью Finder и небольшого трюка с терминалом.

Меня часто спрашивают об извлечении высококачественных значков Mac для использования в сообщениях в блогах, на веб-сайтах и ​​других местах. Конечно, легко перейти в папку «Приложения» и сделать снимок нужного значка в режиме просмотра CoverFlow или значков Finder.

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

Прежде чем мы перейдем к этому, позвольте мне быстро указать на то, что Руководство Apple по человеческому интерфейсу для разработки OS X четко требует, чтобы разработчики включали значки определенных размеров в свои пакеты приложений.

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

В частности, требуемые размеры значков следующие: 16 × 16, 32 × 32, 64 × 64, 128 × 128, 256 × 256, 512 × 512 и 1024 × 1024 пикселей.Кроме того, каждый может быть предоставлен с разрешением 72 и 144 пикселей на дюйм для использования на экранах без Retina и Retina.

Как извлечь и сохранить значки с высоким разрешением из приложений Mac

Шаг 1: Перейдите в папку «Приложения» в Finder вручную или нажав комбинацию Shift—A на клавиатуре. Найдите нужное приложение — в данном случае Mission Control — и щелкните один раз, чтобы выделить его. Конечно, вы можете так же легко выделить любое другое приложение или значок документа в любом месте вашего Mac.

Шаг 2: Нажмите ⌘I на клавиатуре, чтобы открыть окно информации об элементе в Finder. Или щелкните приложение правой кнопкой мыши и выберите «Получить информацию».

Теперь щелкните один раз значок приложения в верхнем левом углу панели «Информация», чтобы выделить его. Затем нажмите ⌘C на клавиатуре — это скопирует графику значка в системный буфер обмена.

Шаг 3: Запустите стандартное приложение предварительного просмотра из док-станции. Если его нет в Dock, используйте значок Spotlight в правом верхнем углу строки меню Mac и введите «Preview», чтобы найти приложение (совет: по умолчанию оно находится внутри папки «Приложения»).

Шаг 4: При запущенном и активном предварительном просмотре нажмите ⌘N, чтобы создать новый документ из буфера обмена. Вы также можете выбрать «Создать из буфера обмена» в меню «Файл» в предварительном просмотре.

Шаг 5: Вы увидите что-то вроде этого. В левом столбце «Предварительный просмотр» отображается графика вашего значка в нескольких размерах. Чтобы проверить предоставленные разрешения, выберите «Показать инспектор» в меню «Инструменты» предварительного просмотра.

Шаг 6: Первый значок вверху — это нужный вам вариант с полным разрешением.Щелкните его правой кнопкой мыши и в раскрывающемся меню выберите «Экспортировать как…».

Шаг 7: Появится файл с предложением сохранить выбранный размер значка в нескольких графических форматах, таких как JPEG, JPEG-2000, OpenEXR, PDF, PNG, TIFF и ICNS, последний из которых является набором значков приложения Mac по умолчанию. формат.

Выберите «PNG».

Назовите файл, нажмите кнопку «Сохранить» и готово!

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

Оттуда загрузите его в свой блог и используйте его в сообщениях, для ваших видеокомпозиций, в макетах документов, презентациях и т. Д.

Проверьте значок приложения «Информация о системе» ниже.

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

Это руководство можно использовать для экспорта любого значка приложения / документа Mac в виде прозрачного PNG.Вот красивая иконка для Pixelmator, популярной полнофункциональной замены Photoshop для Mac.

Вы нашли это руководство полезным?

У вас есть собственный трюк или совет, которым вы хотели бы поделиться с другими читателями?

Напишите нам свои предложения по телефону [email protected] , и мы рассмотрим возможность включения лучших советов в будущие статьи.

Mac получать информацию всегда показывает значок png вместо значка

Сеть обмена стеков

Сеть Stack Exchange состоит из 178 сообществ вопросов и ответов, включая Stack Overflow, крупнейшее и пользующееся наибольшим доверием онлайн-сообщество, где разработчики могут учиться, делиться своими знаниями и строить свою карьеру.

2. 0
3. +0
6. Авторизоваться Зарегистрироваться

Super User — это сайт вопросов и ответов для компьютерных энтузиастов и опытных пользователей.Регистрация займет всего минуту.

Кто угодно может задать вопрос

Кто угодно может ответить

Лучшие ответы голосуются и поднимаются наверх

Спросил 8 лет, 1 месяц назад

Просмотрено 39k раз

Когда я открываю «Получить информацию», копирую мой значок поверх значка по умолчанию, и он применяет его, но никогда не показывает.Он показывает только значок PNG по умолчанию (с изображениями и камерой).

Кто-нибудь раньше сталкивался с проблемой? Я не могу найти никакого решения, чтобы изменить значок файла.

Спасибо, что посмотрели.

Создан 10 июн.

16111 золотой знак11 серебряный знак44 бронзовых знака

Вы должны вставить содержимое изображения вместо файла.Например, откройте изображение в режиме предварительного просмотра, нажмите ⌘A и ⌘C, откройте информационное окно для целевого файла в Finder, щелкните изображение в верхнем левом углу и нажмите ⌘V.

 https://maps.googleapis.com/maps/api/staticmap?  параметров  

  https:  //maps.googleapis.com/maps/api/staticmap?  параметров  

https: // карты.googleapis.com/maps/api/staticmap?center=Berkeley,CA&zoom=14&size=400x400&key=YOUR_API_KEY
 

https: // карты.googleapis.com/maps/api/staticmap?center=40.714728,-73.998672&zoom=12&size=400x400&key=YOUR_API_KEY
https://maps.googleapis.com/maps/api/staticmap?center=40.714728,-73.998672&zoom=14&size=400x400&key=YOUR_API_KEY
 

https://maps.googleapis.com/maps/api/staticmap?center=0,0&zoom=1&size=400x50&key=YOUR_API_KEY
 

https://maps.googleapis.com/maps/api/staticmap?center=0,0&zoom=1&size=100x100&key=YOUR_API_KEY
 

https://maps.googleapis.com/maps/api/staticmap?center=40.714728,-73.998672&zoom=12&size=400x400&maptype=roadmap&key=YOUR_API_KEY
https://maps.googleapis.com/maps/api/staticmap?center=40.714728, -73.998672 & zoom = 12 & size = 400x400 & maptype = terrain & key = YOUR_API_KEY
 

https://maps.googleapis.com/maps/api/staticmap?center=40.714728,-73.998672&zoom=12&size=400x400&maptype=s satellite&key=YOUR_API_KEY
https://maps.googleapis.com/maps/api/staticmap?center=40.714728,-73.998672 & zoom = 12 & size = 400x400 & maptype = hybrid & key = YOUR_API_KEY
 

https: //maps.googleapis.ru / maps / api / staticmap? center = Вильямсбург, Бруклин, Нью-Йорк & zoom = 13 & size = 400x400 &
markers = color: blue% 7Clabel: S% 7C11211% 7C11206% 7C11222 & key = YOUR_API_KEY
 

https://maps.googleapis.com/maps/api/staticmap?center=63.259591,-144.667969&zoom=6&size=400x400
& markers = color: blue% 7Clabel: S% 7C62.107733, -145.541936 & markers = size: tiny% 7Ccolor: green% 7CDelta + Junction, AK
& markers = size: mid% 7Ccolor: 0xFFFF00% 7Clabel: C% 7CTok, AK "& key = YOUR_API_KEY
 

http://maps.googleapis.com/maps/api/staticmap?&size=600x400&style=visibility:on
& style = feature: water% 7Celement: geometry% 7Cvisibility: on
& style = feature: landscape% 7Celement: geometry% 7Cvisibility: on
& markers = anchor: 32,10% 7Cicon: https: // goo.gl / 5y3S82% 7CCanberra + ACT
& markers = anchor: topleft% 7Cicon: http: //tinyurl.com/jrhlvu6%7CMelbourne+VIC
& markers = anchor: topright% 7Cicon: https: //goo.gl/1oTJ9Y%7CSydney+NSW&key=YOUR_API_KEY
 

http://maps.googleapis.com/maps/api/staticmap?&size=600x400&style=visibility:on
& style = feature: water% 7Celement: geometry% 7Cvisibility: on
& style = feature: landscape% 7Celement: geometry% 7Cvisibility: on
& markers = icon: https: // goo.gl / 5y3S82% 7CCanberra + ACT
& markers = icon: http: //tinyurl.com/jrhlvu6%7CMelbourne+VIC
& markers = icon: https: //goo.gl/1oTJ9Y%7CSydney+NSW&key=YOUR_API_KEY
 

путь = цвет: 0x0000ff | вес: 5 | 40.737102, -73.9
 | 40.749825, -73.987963 | 40.752946, -73.987384 | 40.755823, -73.986397
 

path = цвет: 0xff0000ff | вес: 5 | 40.737102, -73.9
 | 40.749825, -73.987963 | 40.752946, -73.987384 | 40.755823, -73.986397
 

path = color: 0x00000000 | weight: 5 | fillcolor: 0xFFFF0033 | 8th + Avenue +% 26 + 34th + St, New + York, NY | \
8th + Avenue +% 26 + 42nd + St, New + York, NY | Park + Ave +% 26 + 42nd + St, New + York, NY, NY | \
Park + Ave +% 26 + 34th + St, Нью + Йорк, Нью-Йорк, Нью-Йорк
 

https://maps.googleapis.com/maps/api/staticmap
? size = 400x400 & center = 59.
3, -135.478011 & zoom = 4
& path = weight: 3% 7Ccolor: orange% 7Cenc: _fisIp ~ u% 7CU}% 7Ca @ pytA_ ~ b @ hhCyhS ~ hResU% 7C% 7Cx @ oig @ rwg @ amUfbjA} f [roaAynd @% 7CvXxiAbjA} f [roaAynd @% 7CvXxiAbjAn ~ vZHqwd ~ vzhqwd ~ c_o @ inc @ k {g @ i`] o% 7CF} vXaj \ h`] ovs @? yi_ @ rcAgtO% 7Cj_AyaJren @ nzQrst @ zuYh`] v% 7CGbldEuzd @% 7C% 7Cx @ spD% 7CtrAz_ @ 7CiCtrAz_ @ 7CiCtrAz_WP% ~ vXmlWhdPez \ _ {Km_` @ ~ re @ ew ^ rcAeu_ @ zhyByjPrst @ ttGren @ aeNhoFemKrvdAuvVidPwbVr ~ j @ или @ f_z @ ftHr {ZlwBrvdAmtHrmc_r {ZlwBrvdAmtHrmc_rOt @px% @pxBrc_RoT @pc% @xChR_07% @px% @pc_c_0% @pc% 7% @pc% @pc_c_ojc @pc% 7RoC_0% @px_07% @px_07_0% @px_07_0_0_0_0% jzKhjp @ `` NrfQpcHrb ^ k% 7CDh_z @ nwB% 7Ckb @ a {R% 7Cyh @ uyZ% 7CllByuZpzw @ wbd @ rh ~ @% 7C% 7CFhqs @ teTztrAupHhyY} t 7CfezAupHhyYd} 7Cufa @ eWC%}] [ocMt_Neq @ ren @ e ~ Ika @ pgE% 7Ci% 7CAfiQ% 7C`l @ uoJrvdAgq @ fppAsjGhg` @% 7ChQpg {Ai_V% 7C% 7Cx @ mkHhyYsdP% 7CxeA ~ gFv`hjg t @ m `@sbChyYq} e @ rwg @ atFff} @ ghN ~ zKybk @ fl} A} cPftcAite @ tmT__Lha @ u ~ DrfQi} MhkSqyWivIumCria @ ciO_tHifm @ fl} A {rc @ fbjAqvc @ fjC 7RqA% {wDfs`BmvEfqs @ umWt_Nwn ^ pen @ qiBr`xAcvMr {Zidg @ dtjDkbM% 7Cd_ @
& key = ВАШ_API_KEY
 

https://maps.googleapis.com/maps/api/staticmap?center=Boston,MA
& visible = 77 + Massachusetts + Ave, Cambridge, MA% 7CHarvard + Square, Cambridge, MA & size = 512x512 & key = YOUR_API_KEY
 

https: // карты.googleapis.com/maps/api/staticmap? size = 512x512 & maptype = roadmap \
& markers = size: mid% 7Ccolor: red% 7CSan + Francisco, CA% 7COakland, CA% 7CSan + Jose, CA & key = YOUR_API_KEY