Генератор фавиконок
FreeЗагрузите изображение и получите полный пакет favicon: favicon.ico, каждый размер PNG, который ожидают браузеры и устройства, apple-touch-icon, значки Android, site.webmanifest и HTML для вставки, всё в одном ZIP.
Работает полностью в вашем браузере. Ваше изображение никуда не загружается.
Нажмите, чтобы выбрать изображение, или перетащите его сюда
Лучше всего подходит квадратное изображение, но подойдёт любой размер и форма.
Неквадратные изображения
Данные приложения (для site.webmanifest)
Созданные размеры
Недавняя активность
Видно всем. Последние 20 использований от всех посетителей, сначала новые.
Favicon set generated
1 час назад
Favicon set generated
1 час назад
Favicon set generated
1 час назад
Favicon set generated
1 час назад
Что делает этот инструмент
Загрузите логотип или изображение, и этот инструмент создаст полный пакет favicon: favicon.ico с несколькими разрешениями, отдельные PNG в каждом размере, которого ожидают современные браузеры и устройства, apple-touch-icon, значки Android Chrome, предзаполненный site.webmanifest и точные HTML-теги для вставки в <head> вашей страницы, всё объединено в одной загрузке ZIP.
Как это работает
Ваше изображение отрисовывается на HTML-холсте в каждом целевом размере (16, 32, 48, 180, 192 и 512 пикселей), либо обрезанное до центрированного квадрата, либо дополненное цветом фона, в зависимости от вашего выбора. Три наименьших размера затем упаковываются в один favicon.ico с использованием формата ICO со встроенным PNG, лёгкого бинарного контейнера, который правильно читает любой современный браузер и операционная система. Всё, вплоть до самого файла ZIP, собирается в вашем браузере; ничего не загружается.
Какие проблемы решает
- Создание всех размеров favicon, которые нужны современному сайту, из одного исходного изображения, вместо ручного изменения размера каждого.
- Создание правильно структурированного многоразмерного favicon.ico без специализированного графического ПО.
- Получение готового к использованию site.webmanifest и соответствующих HTML-тегов, а не просто файлов изображений.
- Предварительный просмотр того, как значок будет выглядеть на вкладке браузера перед публикацией.
Часто задаваемые вопросы
›Зачем мне столько разных размеров?
Разные платформы запрашивают разные размеры: вкладки браузера обычно используют 16x16 или 32x32, значки главного экрана iOS используют 180x180, а запросы на установку Android Chrome и PWA используют 192x192 и 512x512. Предоставление всех их означает, что ваш значок выглядит чётко везде, а не растянутым или размытым на некоторых устройствах.
›Что такое favicon.ico и почему он всё ещё нужен наряду с PNG?
Формат .ico может объединить несколько размеров (16x16, 32x32, 48x48) в один файл, и именно к нему браузеры обращаются по умолчанию, если не указана другая ссылка на значок, включая очень старые браузеры и некоторые ярлыки уровня ОС. Этот инструмент упаковывает все три размера в один корректный favicon.ico, используя современный формат со встроенным PNG, который поддерживает любой современный браузер и ОС.
›Обрезать или дополнить неквадратное изображение?
Обрезка сохраняет каждый пиксель во всю область, но обрезает края неквадратного изображения, хорошо, если ваш логотип уже заполняет кадр. Дополнение сохраняет всё изображение видимым, добавляя вокруг него цвет фона, лучше, если у вашего логотипа есть пустые поля или он не центрирован.
›Для чего нужен site.webmanifest?
Это небольшой JSON-файл, который Android и другие платформы читают, чтобы узнать название, значки и цвет темы вашего сайта, когда кто-то добавляет его на главный экран или устанавливает как прогрессивное веб-приложение. Этот инструмент создаёт такой файл, уже заполненный только что созданными значками.
›Загружается ли мой логотип куда-либо?
Нет. Каждое изменение размера, файл ICO и сам ZIP создаются локально в вашем браузере с помощью Canvas API; ваше изображение никогда не отправляется на сервер.
Похожие инструменты
Изображение
Настроить HSL изображения
Изменяйте оттенок, насыщенность и яркость изображения с помощью живых ползунков прямо в браузере.
FreeИзображение
Массовая настройка HSL изображений
Примените одну и ту же настройку оттенка, насыщенности и яркости ко множеству изображений сразу прямо в браузере.
FreeИзображение
Добавить текст на изображение
Добавьте одну или несколько пользовательских текстовых подписей к изображению прямо в браузере.
FreeИзображение
Удалить фон с изображения (ИИ)
Автоматически удаляйте фон с фотографии с помощью локальной модели ИИ прямо в браузере.
FreeИзображение
Аналоговая цветовая схема
Создайте гармоничную аналоговую цветовую палитру из любого базового цвета прямо в браузере.
FreeИзображение
Смешивание цветов
Смешивайте два цвета с настраиваемым балансом, используя простое RGB-смешивание, гамма-коррекцию или HSL-смешивание.
FreeИзображение
Размытие изображения
Размойте изображение в браузере с помощью коробчатого, гауссова, размытия в движении или радиального размытия, затем скачайте результат.
FreeИзображение
Генератор изображений с размытой рамкой
Впишите ваше фото в квадрат или другое соотношение сторон без обрезки, заполняя лишнее пространство размытой увеличенной копией изображения.
Комментарии (0)
Понравился инструмент? Оставьте комментарий, поделитесь советом или расскажите, как нам его улучшить.
Пока нет комментариев. Будьте первым, кто поделится мнением!