Генератор фавиконок / ICO.

Инструмент «Изображение» принимает PNG, JPG, JPEG, WebP или GIF. «Текст» открывает тот же редактор с вашими буквами, готовыми к стилизации. «Создать из» позволяет переключаться между загруженным изображением и монограммой. Используйте один или два простых символа для получения наиболее четкого результата при 16 пикселях. Ввод GIF использует статический кадр; результат не анимируется.

Редактор показывает предварительный просмотр вкладки браузера размером 16 пикселей, отдельные иконки размером 16, 32 и 48 пикселей, а также предварительный просмотр Apple Touch. Маленькие иконки выявляют детали, которые исчезают при уменьшении большого логотипа. Упростите исходник или добавьте пространство вокруг него, пока самый маленький предварительный просмотр не станет узнаваемым. Изображение Apple Touch отображается меньше, чем его экспортированный размер в 180 пикселей.

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

Текст / монограмма поддерживает до трех символов с включенными стилями Modern sans, Classic serif и Monospace. В поддерживаемых настольных браузерах выберите «Использовать системные шрифты» и разрешите доступ к шрифтам, чтобы заполнить список шрифтов семействами, установленными на вашем устройстве. Выберите семейство, чтобы обновить предварительный просмотр в реальном времени, или используйте шевроны «назад» и «вперед» для сравнения соседних шрифтов. Названия и файлы шрифтов не загружаются. Текст автоматически подстраивается под доступное пространство. Просматривайте самые маленькие размеры иконок после изменения шрифта или цвета.

Мультиразмерный ICO включает изображения 16, 24, 32, 48, 64, 128 и 256 пикселей в одном файле favicon.ico. Пакет иконок для сайта создает один ZIP-архив, содержащий этот ICO, PNG иконок размером 16, 32 и 48 пикселей, иконку Apple Touch размером 180 пикселей, иконки Android размером 192 и 512 пикселей, веб-манифест и INSTALL.txt. Название сайта используется для имени манифеста.

Загрузите содержимое пакета в корневой каталог сайта и скопируйте теги ссылок из INSTALL.txt в заголовок страницы. Если вы храните иконки в подпапке, обновите пути HTML и пути внутри site.webmanifest. Очистите кэш фавикона или проверьте в новой вкладке при обновлении. Созданный манифест — это конфигурация иконок, а не полная установка прогрессивного веб-приложения.