Как пользоваться
- Выберите источник: буквы, эмодзи или своё изображение (лучше квадратное, от 512 px).
- Настройте цвета, форму и проверьте превью во всех размерах.
- Нажмите «Скачать всё (ZIP)», распакуйте файлы в корень сайта и вставьте HTML-код в <head>.
Вопросы и ответы
Что входит в архив?
favicon.ico (16, 32 и 48 px внутри одного файла), PNG 16×16, 32×32, 48×48, apple-touch-icon 180×180, иконки 192×192 и 512×512 для Android, site.webmanifest и файл с HTML-кодом.
Это настоящий ICO или переименованный PNG?
Настоящий: файл начинается с заголовка ICO и содержит каталог из трёх изображений, каждое сохранено в PNG-формате. Такой ICO понимают все современные браузеры и Windows Vista и новее.
Как эмодзи будет выглядеть у посетителей?
Эмодзи рисуется шрифтом вашего устройства и сохраняется как картинка, поэтому у всех посетителей значок будет выглядеть так же, как в превью у вас.
Почему у иконки на iPhone чёрный фон?
iOS заливает прозрачные области apple-touch-icon чёрным. Если планируете добавление сайта на экран «Домой», снимите галочку «Прозрачный фон» и задайте цвет.
Изображение загружается на сервер?
Нет, все иконки рисуются на canvas в вашем браузере.