Создать фавикон из картинки
Сделайте фавикон из PNG, JPG или логотипа. favicon.ico, Apple Touch Icon, иконки для Android и HTML-код — одним бесплатным архивом.
Перетащите логотип сюда
PNG, JPG, WebP или SVG. Лучше всего — квадратная картинка от 512 px.
Выберите изображение — здесь появятся фавиконы всех размеров, готовые к скачиванию.
Как сделать фавикон из картинки
- Выберите или перетащите логотип. Подходят PNG, JPG, WebP и SVG. Лучший результат даёт квадратная картинка от 512×512.
- Если изображение не квадратное, выберите Целиком (сохранить всё изображение) или Заполнить и обрезать (заполнить квадрат).
- При необходимости добавьте отступ, скругление углов или цвет фона. Превью вкладки обновляется сразу.
- Скачайте ZIP-архив, загрузите файлы в корень сайта и вставьте HTML-код в
<head>.
Что входит в архив
- favicon.ico с размерами 16×16, 32×32 и 48×48 внутри
- favicon-16x16.png и favicon-32x32.png для вкладок браузера
- apple-touch-icon.png (180×180) для экрана «Домой» на iPhone и iPad
- android-chrome-192x192.png и android-chrome-512x512.png для Android и PWA
- site.webmanifest и готовый HTML-код
Вопросы и ответы
Это бесплатно?
Да. Без ограничений, регистрации и водяных знаков.
Моё изображение куда-то загружается?
Нет. Генератор фавикона работает прямо в браузере, изображение не покидает ваше устройство.
Можно оставить прозрачный фон?
Да. Прозрачные PNG и SVG остаются прозрачными. Только Apple Touch Icon получает сплошной фон: iPhone показывает прозрачные области чёрными.
Какого размера должна быть картинка?
Квадратная, от 512×512 пикселей. Меньшие картинки тоже подойдут, но крупные иконки для Android будут нечёткими.
У меня широкий логотип. Это сработает?
При 16 пикселях широкий логотип почти не читается. Используйте только символ или первую букву логотипа или попробуйте фавикон из текста.