Фавікон із логотипа: розміри для браузера та Google

Які файли для яких місць?

Для Google оберіть підтримуваний формат, наприклад PNG або ICO: SVG немає в поточному списку. Квадратний значок має бути не менше 8×8 px; Google рекомендує понад 48×48, тож 96×96 — корисний, а не застарілий розмір. Посилання розмістіть на головній сторінці, збережіть стабільну URL і надайте Googlebot доступ до сторінки, а Googlebot-Image — до зображення. Виконання правил не гарантує показу.

Створення та публікація значка

1. Почніть із впізнаваного знака; приберіть слоган і тонкі деталі.
2. Перевірте форму в 16 і 32 px на світлому та темному тлі.
3. Експортуйте з вектора. Оберіть одну папку фавіконів у наборі LogoSaga та збережіть шляхи маніфесту.
4. Додайте наведені посилання лише для наявних файлів на сервері. PNG96 — окремий експорт для пошуку.

<link rel="icon" href="/favicon.ico" sizes="16x16 32x32 48x48" />
<link rel="icon" href="/favicon.svg" type="image/svg+xml" />
<link rel="icon" href="/favicon-96x96.png" type="image/png" sizes="96x96" />
<link rel="apple-touch-icon" href="/apple-touch-icon.png" sizes="180x180" />
<link rel="manifest" href="/site.webmanifest" />

SVG може використовувати prefers-color-scheme, але перевірте підтримувані браузери та версії. Знак, читабельний на обох тлах, — надійний запасний варіант. Значки Apple touch і маніфесту є окремими файлами, не автоматичними версіями SVG браузера.

Чому значка немає?

Відкрийте URL напряму: вона має повертати зображення, а не помилку чи сторінку входу. Перевірте посилання головної сторінки й доступ роботів. У браузері оновіть сторінку або очистьте локальний кеш значків. Для Google залиште URL стабільною та попросіть індексування головної сторінки в Search Console; обробка може тривати дні чи тижні. Постійне перейменування не виправляє пошук.

Пов’язані практичні посібники: Тест логотипа: 10 перевірок перед публікацією · Логотип для профілю компанії Google: розмір і завантаження

Створіть логотип із відповідним фавіконом

Поширені запитання

Якого розміру має бути фавікон?

Для Google оберіть підтримуваний формат, наприклад PNG або ICO: SVG немає в поточному списку. Квадратний значок має бути не менше 8×8 px; Google рекомендує понад 48×48, тож 96×96 — корисний, а не застарілий розмір. Посилання розмістіть на головній сторінці, збережіть стабільну URL і надайте Googlebot доступ до сторінки, а Googlebot-Image — до зображення. Виконання правил не гарантує показу.

Якого формату має бути фавікон — SVG, PNG чи ICO?

Фавікон — малий символ сайту. Використовуйте знак логотипа, а не зменшену повну назву. Вкладки, Google та встановлені вебзастосунки мають різні вимоги; перевіряйте справжнє місце використання.

Чи може фавікон змінюватися в темному режимі?

SVG може використовувати prefers-color-scheme, але перевірте підтримувані браузери та версії. Знак, читабельний на обох тлах, — надійний запасний варіант. Значки Apple touch і маніфесту є окремими файлами, не автоматичними версіями SVG браузера.

Чому мій фавікон не показується чи не оновлюється?

Відкрийте URL напряму: вона має повертати зображення, а не помилку чи сторінку входу. Перевірте посилання головної сторінки й доступ роботів. У браузері оновіть сторінку або очистьте локальний кеш значків. Для Google залиште URL стабільною та попросіть індексування головної сторінки в Search Console; обробка може тривати дні чи тижні. Постійне перейменування не виправляє пошук.