Короткие и понятные инструкции по фавиконкам: ICO, SVG, тёмная тема, HTML-сниппет, Apple/Android.
Как быстро скачать favicon (ico/svg/png) с любого сайта: через адрес, исходный код, DevTools и сервисы.
Разбираемся, когда нужен favicon 120×120, какие размеры реально важны, и как быстро получить 120×120 из SVG.
Как получить иконку Instagram (favicon) и использовать её для ярлыка/веб-приложения или как референс для своего сайта.
Как сделать favicon из буквы или инициалов: подготовка в Figma/Illustrator, перевод текста в кривые и генерация SVG/PNG/ICO.
Как быстро подправить favicon онлайн: масштаб, скругление, фон, цвета и превью в светлой/тёмной теме.
Прозрачный favicon: SVG/PNG/ICO, нюансы в браузерах, когда лучше добавить фон и как проверить на светлой/тёмной теме.
Как превратить PNG/картинку в SVG для фавиконки: векторизация, упрощение, проверка мелких деталей и генерация набора.
Как правильно сделать favicon.ico из SVG: размеры внутри ICO, прозрачность, пиксельная сетка и быстрый способ генерации.
Какие размеры нужны для PWA: 192×192 и 512×512, как это связано со splash screen и почему важен правильный manifest.json.
Как сделать и подключить иконку для Safari pinned tabs: <link rel="mask-icon">, SVG и цвет.
Как экспортировать SVG из Adobe Illustrator так, чтобы он корректно открывался и конвертировался в favicon: viewBox, размеры, без внешних ресурсов.
Почему SVG может ссылаться на внешние файлы (fonts/images) и не конвертироваться в favicon. Как сделать встроенные ресурсы или конвертировать в PNG.
Как установить favicon на WordPress: через кастомайзер, тему или вручную через <head>. Рекомендованный набор SVG+ICO+PNG.
Минимальный набор favicon: что достаточно для большинства сайтов (SVG, ICO, 192/512, apple-touch-icon, manifest). Практичный чек-лист.
Как добавить favicon в Next.js: через metadata в App Router или через <Head> в Pages Router. Какие файлы нужны (SVG/ICO/PNG/manifest).
Что делать, если вы заменили favicon, но видите старую: очистка кэша, проверка 404, версионирование и стабильные URL.
Правильные Content-Type для иконок: image/svg+xml, image/x-icon, image/png. Почему из-за MIME favicon может не работать.
Почему Google не показывает фавиконку рядом с сайтом и как исправить: пути, размеры, кэш, 404 и заголовки.
Причины, почему Яндекс не показывает favicon: кэш, ошибки 404, неверные размеры, закрытые файлы и долгие обновления.
Maskable icons для Android/PWA: зачем нужны, как подготовить безопасную зону и как прописать purpose в manifest.json.
Разбираем Apple Touch Icons: зачем нужны, какие размеры использовать, как подключить и какие ошибки встречаются чаще всего.
SVG favicon: преимущества, ограничения и best-practice подключение вместе с ICO/PNG для совместимости. Пошагово и без лишней теории.
Готовый HTML-код для подключения favicon: SVG, ICO, PNG, Apple Touch Icons, manifest.json и тёмная тема. Что куда вставлять в <head>.
Что такое manifest.json, как он связан с фавиконками на Android и PWA, какие поля важны и как подключить файл без ошибок.
Пошагово: экспорт SVG из Figma без сюрпризов. Как избежать внешних ресурсов, «пустого» SVG, проблем с viewBox и странных трансформаций.
Если SVG выглядит пустым (Adobe Express и другие экспортеры): проблемы с viewBox, трансформациями и внешними ресурсами. Как быстро исправить.
Как поисковики показывают фавиконку рядом с сайтом и что влияет на качество: размеры, контраст, стабильные пути, ошибки 404 и кэш.
Понятный список размеров favicon для браузеров, iOS и Android. Что обязательно, что опционально, и почему лучше скачивать готовый ZIP.
Как сделать и подключить светлую и тёмную favicon через media="(prefers-color-scheme: ...)". Полный набор, примеры и частые ошибки.
Пошаговое руководство: как сделать favicon.ico из SVG, какие размеры нужны и как подключить. Скачайте ZIP и вставьте HTML.
