Генератор favicon
Превратите логотип в полный набор иконок: favicon.ico с 16, 32 и 48 px, Apple touch icon 180 px и PNG 192/512 px для веб-манифеста. Ничего не загружается на сервер.
Файлы не покидают ваш браузер
Как пользоваться
- Перетащите квадратный логотип — PNG, SVG, JPG или WebP. Лучше от 512 px.
- Подождите секунду, пока все размеры отрисуются в браузере.
- Скачайте ZIP и скопируйте файлы в корень сайта.
Вопросы и ответы
Логотип загружается на сервер?
Нет. Все иконки отрисовываются через Canvas API в браузере и упаковываются в ZIP локально.
Какие файлы в ZIP?
favicon.ico (16, 32 и 48 px), apple-touch-icon.png (180 px), icon-192.png, icon-512.png и site.webmanifest со ссылками на PNG.
Что если логотип не квадратный?
Он центрируется в квадрате с прозрачными полями — ничего не обрезается. Для плотной посадки сначала обрежьте его до квадрата.
Как подключить иконки на сайт?
Скопируйте файлы в корень сайта и добавьте в <head>: <link rel="icon" href="/favicon.ico">, <link rel="apple-touch-icon" href="/apple-touch-icon.png"> и <link rel="manifest" href="/site.webmanifest">.
Можно использовать SVG как исходник?
Да, и это лучший вариант: вектор растеризуется отдельно под каждый размер, поэтому даже 16 px остаются чёткими.