Генератор favicon
Создайте PNG для сайта и ICO с изображениями 16 и 32 пикселя из одного изображения JPEG, PNG, WebP или статического SVG. Выберите размеры PNG и обрезку или добавление полей, затем сохраните изображения и HTML-теги, необходимые для запуска сайта или смены логотипа, по отдельности либо в ZIP. При выборе 192 или 512 пикселей также добавляется пример настройки иконок в manifest.
Возможности
Создание нескольких размеров вместе
Создание PNG выбранных размеров и файла ICO с изображениями 16 и 32 пикселя.
Сохранение установочных файлов
Упаковка изображений и HTML-тегов в ZIP, при необходимости с примером настройки иконок в manifest.
Как пользоваться
Выберите исходное изображение
Выберите одно изображение JPEG, PNG, WebP или статический SVG.
Выберите размеры и способ подгонки
Выберите нужные размеры PNG и способ размещения: обрезку до квадрата или добавление полей.
Проверьте также маленькие размеры
Проверьте созданные значки. При уменьшении текста и тонких линий их может быть трудно различить.
Сохраните и разместите на сайте
Распакуйте ZIP, разместите изображения на сайте и измените пути в HTML-тегах в соответствии со структурой сайта.
Когда пригодится
Подготовка к публикации сайта
Подготовьте маленькие значки для вкладок и других целей, а также изображения для главного экрана.
Замена значков при смене логотипа
Создайте нужные размеры из одного исходного изображения, чтобы значки сайта соответствовали друг другу.
Использование набора значков на сайте
Различия между ICO и PNG
В ICO могут храниться изображения нескольких размеров. В ICO, созданном этим инструментом, всегда есть изображения 16×16 и 32×32. PNG создаются отдельно для выбранных размеров.
Внешний вид маленьких значков
Текст, читаемый на большом исходном изображении, может быть неразборчивым при размере 16 пикселей и других малых размерах. Проверьте каждый созданный вариант.
Расположение изображений и пути в HTML
В примерах конфигурации предполагается размещение в корне сайта. Для другого расположения соответствующим образом измените href в HTML и src в manifest.
Manifest — это пример настройки значков
Создаётся при выборе размера 192 или 512 пикселей. Это не завершает настройку всего веб-приложения.
Часто задаваемые вопросы
Можно ли создать ICO, не выбирая PNG?
Нужно выбрать хотя бы один размер PNG. В ICO всегда включены изображения 16 и 32 пикселя независимо от выбора PNG.
Можно ли сохранить несколько размеров вместе?
Сохраните изображения и установочные файлы вместе в ZIP. Изображения и примеры конфигурации также можно сохранять отдельно.
Можно ли использовать прямоугольное изображение?
Обрежьте изображение по центру до квадрата или добавьте поля, чтобы сохранить его целиком. Настроить положение изображения или растянуть его нельзя.
Изображение появится на сайте сразу после создания?
Публикация не выполняется автоматически. Разместите изображения на сайте, настройте HTML и manifest, затем проверьте отображение в месте использования.
Работа с файлами
- Ввод
- Одно изображение JPEG, PNG, WebP или статический SVG.
- Результат
- ICO, выбранные PNG, HTML и, если применимо, manifest. Создаются неподвижные изображения, метаданные удаляются.