Drop a logo or image here, or click to choose
A square image of at least 512 × 512 px gives the sharpest results. SVG is best of all.
Превратите логотип или изображение в полный набор фавиконок: favicon.ico, размеры PNG, значок Apple touch, значки Android и maskable, веб-манифест и теги HTML для вставки. Всё рисуется в браузере, а из исходника SVG дополнительно получается резкий favicon.svg.
Перетащите логотип или изображение на страницу, нажмите, чтобы выбрать файл, или вставьте его сочетанием Ctrl+V. Подходят PNG, JPG, SVG, WebP, GIF, AVIF, ICO и HEIC.
В разделе «Вписывание» выберите «Вписать целиком» или «Обрезать до квадрата» и включите «Обрезать пустые края», если у логотипа прозрачные поля.
В «Стиле значка» задайте фон (нет, сплошной или градиент), форму и отступ, следя за предпросмотром вкладки браузера и домашнего экрана.
Заполните «Данные сайта» (название, короткое имя, цвет темы, URL папки со значками) и выберите размеры в «Выводе».
Нажмите «Скачать пакет (ZIP)», загрузите файлы на сайт и скопируйте теги из «Вставить в <head>» на свою страницу.
Нет. Каждый значок рисуется на canvas в браузере, изображение не покидает устройство.
favicon.ico (по умолчанию 16, 32 и 48 px, до 256 px), favicon-16x16.png и favicon-32x32.png плюс любые дополнительные размеры PNG, которые вы отметите, apple-touch-icon.png (180 px), android-chrome 192 и 512 px, maskable-icon-512x512.png, site.webmanifest и favicon-snippet.html. Любой отдельный файл можно скачать из списка «Файлы».
Квадратное изображение не меньше 512 × 512 px. Меньшие увеличиваются, и страница предупреждает, что они будут мягкими. Лучше всего SVG: оно остаётся резким на любом размере и добавляет в пакет favicon.svg.
«Вписать целиком» сохраняет весь логотип и оставляет вокруг пустое место. «Обрезать до квадрата» заполняет значок и срезает более длинные стороны.
iOS не показывает прозрачность у значков домашнего экрана, поэтому apple-touch-icon.png и maskable-значок всегда непрозрачные квадраты. Если фон установлен в «Нет», они заливаются белым, а maskable-значок держит рисунок внутри безопасной зоны, которую Android может обрезать до круга.
Конвертер начинает с изображения, которое у вас уже есть. Генератор фавиконок собирает значок из букв, эмодзи или значка с открытым исходным кодом и выдаёт тот же пакет.
