Генератор Apple Touch Icon

Создайте apple-touch-icon 180×180, который iOS использует для закладок на главном экране, — плюс полный набор фавиконов — локально в браузере. Ничего не отправляется на сервер.

Конфиденциальность прежде всего: каждое изображение обрабатывается локально в вашем браузере. Ничего не загружается, не сохраняется и не передаётся ни на один сервер.

Иконка, которую iOS размещает на главном экране

Когда кто-то добавляет ваш сайт на главный экран iPhone или iPad, iOS ищет apple-touch-icon 180×180; без него подставляется размытый скриншот. Этот генератор отрисовывает ровно этот размер из вашего изображения — со сплошным фоном, поскольку apple-touch-icon не должны быть прозрачными — и включает его в загрузку вместе с favicon.ico и иконками Android.

Один экспорт, каждая платформа

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

Часто задаваемые вопросы

Загружается ли моё изображение для создания фавикона?
Нет. favicon.ico, PNG-иконки и манифест — всё создаётся локально в браузере с помощью Canvas API. Ваше изображение никогда не покидает устройство.
Какие размеры и файлы я получу?
Многоразмерный favicon.ico (16, 32 и 48px), PNG-иконки размером 16, 32, 48, 180 (apple-touch-icon), 192 и 512px, site.webmanifest и HTML-фрагмент для вставки в ваш <head>.
Можно ли конвертировать PNG или SVG в ICO?
Да. Добавьте PNG, JPG, SVG или WebP и скачайте настоящий favicon.ico. Логотипы SVG сначала растрируются локально в высоком разрешении.
Какое изображение подходит лучше всего?
Квадратное изображение с простым контрастным логотипом. Неквадратные изображения обрезаются по центру; используйте настройки отступа и формы, чтобы скадрировать так, как вам нужно.
Как установить фавикон?
Распакуйте пакет в корневую папку сайта и вставьте приложенный HTML-фрагмент в <head> ваших страниц. favicon.ico автоматически подхватывается большинством браузеров.