Генератор фавиконов

Бесплатный генератор фавиконов. Превратите изображение или смайлик в значки любого размера (16, 32, 180, 192, 512 пикселей) с закругленными углами и фоном, загрузите мгновенно, без регистрации.

Создан и поддерживается Shehzad Munir. ·

Генератор фавиконов
Loading Favicon Generator
Share

Одна иконка любого размера

Создайте значок из любого изображения или смайлика и загрузите любой необходимый вам размер: вкладки браузера размером 16 пикселей, значок Apple Touch размером 180 пикселей и значки PWA размером 192/512 пикселей с закругленными углами и цветом фона.

Современным сайтам нужны значки нескольких размеров: крошечный значок размером 16 пикселей для вкладок браузера, значок Apple Touch размером 180 пикселей для домашних экранов iOS, а также значки размером 192 пикселя и 512 пикселей для манифестов Android и PWA. Этот генератор отображает ваше изображение или смайлик в каждом размере на холсте, поэтому вы получаете четкие значки в одном месте без программного обеспечения для дизайна.

Функции

  • Создать из загруженного изображения или смайлика
  • Все размеры: 16, 32, 48, 64, 180, 192, 512 пикселей + скачать все
  • Закругленные углы, отступы и собственный фон
  • Готовый к копированию HTML <link> и фрагмент манифеста
  • Значок Apple Touch и размеры PWA, работает локально

Как использовать Генератор фавиконов

  1. 1

    Выберите источник

    Выберите смайлик или загрузите квадратное изображение.

  2. 2

    Стиль это

    Установите цвет фона и включите закругленные углы.

  3. 3

    Предварительный просмотр

    Проверьте превью размером 16, 32 и 64 пикселя.

  4. 4

    Скачать размеры

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

Распространенные случаи использования

  • Сделать фавиконку для нового сайта
  • Создайте значок эмодзи для стороннего проекта.
  • Создание значков PWA и Apple Touch
  • Быстрое обновление значка вкладки сайта

Подробное руководство

Значки Emoji за считанные секунды

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

Какие размеры значков вам действительно нужны

Современным браузерам требуется гораздо меньше файлов, чем предлагалось в старых руководствах. Файл favicon.ico, содержащий изображения размером 16×16, 32×32 и 48×48 пикселей, охватывает вкладки браузера и устаревшее программное обеспечение. Иконка Apple Touch размером 180×180 PNG используется, когда кто-то сохраняет ваш сайт на главном экране iPhone или iPad. Для Android и устанавливаемых веб-приложений добавьте в манифест веб-приложения PNG-файлы размером 192×192 и 512×512. Значок SVG не является обязательным, но отлично масштабируется и может переключать цвета для темного режима. Разместите favicon.ico в корне вашего сайта, так как некоторые браузеры запрашивают его там даже без тега ссылки.

Разработка значка, который читается с разрешением 16 пикселей.

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

Часто задаваемые вопросы

Какие размеры значков мне нужны?

Минимальный размер 32×32 для вкладок браузера, значок Apple Touch размером 180×180 для iOS и значки размером 192×192 и 512×512 для манифестов Android и PWA. Этот инструмент экспортирует их все.

Можно ли сделать фавиконку из смайлика?

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

Должно ли исходное изображение быть квадратным?

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

Загружены ли мои изображения?

Нет. Все отображается локально в вашем браузере и ничего не отправляется на сервер.

Как создать значок из изображения?

Загрузите PNG, JPG или SVG (или используйте текст/эмодзи), и инструмент сгенерирует favicon.ico плюс все размеры PNG, значок Apple Touch и значки Android, а также фрагмент HTML для вставки на ваш сайт.

Какие размеры значков и файлы мне нужны для веб-сайта?

Вам понадобится favicon.ico, PNG-файлы 16x16 и 32x32, значок Apple Touch 180x180 и значки Android 192/512, а также веб-манифест. Генератор выдает полный пакет, готовый к отправке.

Могу ли я сделать значок из текста или смайлика?

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

Из журнала

All articles →