Настройка
Загрузите изображение (желательно квадратное) и создайте PNG-favicon нескольких размеров, многоразмерный файл .ico и HTML-код для вашего сайта. Всё происходит в вашем браузере.

Перетащите изображение или нажмите для выбора

PNG, JPEG, WebP, GIF, BMP, AVIF

Как это работает

Генерирует фавиконы сайта из одного изображения. Он создаёт PNG в обычных размерах (16, 32, 48, 64 пикселя, значок Apple и Android) и готовый к использованию многоразмерный файл .ico.

Помимо изображений, он выдаёт фрагмент HTML-кода с соответствующими тегами link, так что вам остаётся только вставить его в head сайта и разместить сгенерированные файлы.

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

Сценарии использования

  • Создать фавикон нового сайта из логотипа.
  • Создать многоразмерный .ico без установки программ для редактирования.
  • Получить значки для домашних экранов iOS и Android.
  • Получить готовый к вставке HTML с тегами фавикона.

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

Какое исходное изображение использовать?

Квадратное изображение хорошего разрешения (в идеале 512×512 или больше) с простым дизайном. Мелкие детали теряются при 16 или 32 пикселях, поэтому чёткий контрастный символ работает лучше, чем логотип, перегруженный текстом.

Для чего нужен файл .ico?

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

Куда поместить файлы и код?

Загрузите PNG и .ico на свой сайт (обычно в корень или папку ресурсов) и вставьте сгенерированный HTML-фрагмент внутрь тега head, при необходимости скорректировав пути.

Загружается ли моё изображение на сервер?

Нет. Генерация фавиконов происходит полностью в вашем браузере; изображение никогда не покидает ваше устройство.