Anything Tools

Полное руководство по генератору Favicon: многослойный ICO, Apple Touch и PWA

|
|
6 мин чтения
|
Design
Полное руководство по генератору Favicon: многослойный ICO, Apple Touch и PWA

Современному сайту недостаточно одной иконки 16×16 пикселей. Вкладки в темной теме, поисковая выдача Google (SERP), экран «Домой» в iOS Safari и Android PWA требуют разных форматов и разрешений.

С помощью Генератора Favicon и иконок сайта вы можете за пару секунд создать полный комплект иконок из текста, эмодзи или PNG/SVG-логотипа прямо в браузере.


1. Какие файлы входят в комплект

  1. favicon.ico (16×16, 32×32, 48×48 в одном файле): Соответствует требованиям роботов Google Поиска.
  2. favicon-16x16.png и 32x32.png: Вкладки десктопных браузеров.
  3. apple-touch-icon.png (180×180): Иконка для экрана «Домой» на iPhone и iPad.
  4. android-chrome-192x192.png и 512x512.png + site.webmanifest: Манифест веб-приложения для Android и PWA.

Для предварительной перекраски векторного логотипа используйте Просмотрщик и оптимизатор SVG и Палитру цветов.