153 · Работа с изображениями

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

Начните со своего логотипа или буквы и получите все файлы значков, которые ищут браузеры и телефоны.

Ваши данные: Этот инструмент обрабатывает ваш ввод в этом браузере. CapyHelp не загружает эти данные для генерации результата. Подробности конфиденциальности

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

Начать с

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

  1. Выберите буквы и цвета или переключитесь на изображение и выберите свой логотип.
  2. Выберите форму и проверьте предварительный просмотр.
  3. Загрузите ZIP-архив и вставьте HTML-код в <head> вашей страницы.

Что в наборе

  • favicon.ico с 16, 32 и 48 пикселей для браузеров и закладок
  • favicon-32x32.png для современных браузеров
  • apple-touch-icon.png (180 пикселей) для домашних экранов iPhone и iPad
  • icon-192.png и icon-512.png для Android и установленных веб-приложений
  • site.webmanifest там они перечислены

Загрузите файлы в корневую папку вашего сайта.

Примеры

Буква «Т», белая на синем, закругленная.

6 файлов и 4 HTML-тега

logo.svg с отступом 8%

Значки по центру с отступом

Вопросы

Как проверить, как это выглядит?

Попробуйте свой значок в <a href="/tools/favicon-previewer/">средстве предварительного просмотра значков</a>, который отобразит его на вкладках браузера, в закладках и на главном экране.

Мои файлы загружены?

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

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