Генератор favicon

Превратите логотип или картинку в полный набор favicon: favicon.ico для старых браузеров, иконки PNG от 16 до 512 пикселей, apple-touch-icon, манифест

🌍 Доступ по всему миру 🔒 Приватность прежде всего ⚡ Мгновенная конвертация 💯 Без ограничений
🖼️

Перетащите файл изображение сюда

или нажмите, чтобы выбрать файлы

Advertisement

Превратите логотип или любую квадратную картинку в полный набор иконок, необходимый современному сайту: favicon.ico для старых браузеров, иконки PNG от 16 до 512 пикселей, apple-touch-icon для домашних экранов iOS, манифест веб-приложения и HTML-фрагмент, который на них ссылается.

Файлы и разметку вы получаете за один шаг, поэтому не нужно вспоминать, какие размеры экспортировать и какие теги link прописывать. Исходное изображение обрабатывается локально, что важно, если логотип ещё не опубликован.

Как сгенерировать набор favicon

1

Выберите квадратный логотип или изображение

2

Сгенерируйте набор иконок

3

Скачайте файлы и скопируйте 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, точную модель камеры и дату. Если форма всё равно отказывается принимать файл, проверьте, не задаёт ли она ограничение по размеру в пикселях, а не только по объёму: на этом люди спотыкаются чаще, чем на самих мегабайтах.

Advertisement