Генератор favicon
Превратите логотип или картинку в полный набор favicon: favicon.ico для старых браузеров, иконки PNG от 16 до 512 пикселей, apple-touch-icon, манифест
Перетащите файл изображение сюда
или нажмите, чтобы выбрать файлы
Превратите логотип или любую квадратную картинку в полный набор иконок, необходимый современному сайту: favicon.ico для старых браузеров, иконки PNG от 16 до 512 пикселей, apple-touch-icon для домашних экранов iOS, манифест веб-приложения и HTML-фрагмент, который на них ссылается.
Файлы и разметку вы получаете за один шаг, поэтому не нужно вспоминать, какие размеры экспортировать и какие теги link прописывать. Исходное изображение обрабатывается локально, что важно, если логотип ещё не опубликован.
Как сгенерировать набор favicon
Выберите квадратный логотип или изображение
Сгенерируйте набор иконок
Скачайте файлы и скопируйте HTML-фрагмент
Частые вопросы
Какие размеры генерируются?
16×16 и 32×32 для вкладок браузера, 96×96 для ярлыков, 180×180 как apple-touch-icon, 192×192 и 512×512 для Android и установки PWA, а также favicon.ico с несколькими размерами для устаревших браузеров.
Из какого изображения лучше начинать?
Из квадратного PNG или SVG размером 512×512 и больше с прозрачным фоном. Широкий логотип получит поля по краям, а маленький или размытый исходник даст мягкий favicon при 512 пикселях.
Нужны ли все эти файлы?
Для современного сайта .ico вместе с PNG 192 и 512 плюс манифест покрывают почти всё. Загружайте весь набор, если нужна максимальная совместимость, — он весит всего несколько килобайт.
Куда положить файлы?
Загрузите их в корень сайта, чтобы работали адреса /favicon.ico и /icon-192.png, затем вставьте HTML-фрагмент в <head> каждой страницы или подключите манифест и позвольте ему сделать остальное.
Подойдёт ли это для веб-приложения или PWA?
Да — манифест и иконки 192 и 512 — именно то, что нужно устанавливаемому веб-приложению. Помните об иконках с флагом maskable, если логотип должен переживать адаптивные формы Android.
Моё изображение куда-то загружается?
Нет, все иконки генерируются в вашем браузере.
Кратко
| Ввод | изображение |
|---|---|
| Несколько файлов | Нет |
| Где работает | В вашем браузере — файлы никуда не загружаются |
| Работает офлайн | Да — после загрузки страницы |
| Цена | Бесплатно, без регистрации, без водяных знаков |
Как выбрать между JPG, PNG, WebP и AVIF
Эти форматы решают разные задачи, и неверный выбор стоит вам либо качества, либо размера файла. JPG — самый безопасный вариант для фотографий и для всего, что нужно кому-то отправить, потому что его открывает любое устройство и любая программа, — но он сжимается с потерями и не поддерживает прозрачность. PNG сжимается без потерь и поддерживает прозрачность, поэтому подходит для логотипов, скриншотов, схем и всего, где есть резкие края или текст, — ценой заметно большего файла. WebP обычно выигрывает у JPG 25-35% при том же видимом качестве и поддерживает прозрачность, но некоторые старые программы всё ещё не могут его открыть. AVIF сжимает ещё сильнее, особенно при низких настройках качества, но кодирование медленнее, а поддержка самая новая из всех четырёх. Практическое правило: JPG — чтобы отправить, PNG — чтобы редактировать, WebP — для собственного сайта, AVIF — когда важен каждый килобайт и вы проверили, что ваша аудитория может его открыть.
Как уложить файл в ограничение по размеру
Формы загрузки часто требуют что-то вроде «меньше 2 МБ» или «меньше 500 КБ», и самый быстрый способ этого добиться — работать в правильном порядке: обрежьте всё лишнее, затем уменьшите размеры в пикселях примерно до того, что нужно для конечного использования (1920 px по ширине более чем достаточно для полноэкранного изображения в интернете, 1000 px — для поста в блоге), и только потом снижайте качество. Конвертация в WebP или AVIF может дать самую большую экономию, если форма загрузки её принимает. Удаление метаданных не влияет на размер и может быть важно для приватности, поскольку фотографии часто несут координаты GPS, точную модель камеры и дату. Если форма всё равно отказывается принимать файл, проверьте, не задаёт ли она ограничение по размеру в пикселях, а не только по объёму: на этом люди спотыкаются чаще, чем на самих мегабайтах.