Нажмите Ctrl+D, чтобы добавить страницу в закладки
Генератор фавиконов — это бесплатный онлайн-инструмент, который преобразует изображения в PNG-файлы фавиконов для сайта.
Как использовать Генератор фавикона?
Загрузите исходное изображение.
Выберите размеры фавиконов для создания.
Создайте и скачайте PNG-файлы фавиконов.
Часто задаваемые вопросы о Генератор фавикона
Какой формат изображения рекомендуется для фавиконов?
Рекомендуется квадратное изображение PNG (256×256px или больше). Инструмент автоматически изменяет размер до всех нужных габаритов.
Что такое Apple Touch Icon?
Apple Touch Icon — это иконка, отображаемая при добавлении сайта на главный экран устройств iOS. Стандартный размер — 180×180px PNG.
Я заменил фавикон, но браузер по-прежнему показывает старый.
Браузеры держат фавиконы в кеше необычайно долго, и обычное обновление страницы редко их сдвигает. Проверьте, введя адрес файла значка прямо в адресную строку: если там появляется новая картинка, сделайте жёсткое обновление или откройте страницу в приватном окне. Чтобы изменение увидели все посетители, надёжнее переименовать файл — например в favicon-v2.png — и обновить тег link.
Как сделать, чтобы фавикон был виден в тёмной теме?
Значок, нарисованный одними чёрными линиями, на тёмной панели вкладок практически исчезает. Вместо прозрачного фона положите под фигуру круг или квадрат фирменного цвета — тогда силуэт держится и в светлой, и в тёмной теме. SVG-фавикон умеет даже менять цвет по медиазапросу в тёмном режиме, но рядом стоит держать PNG для браузеров, которые этого не поддерживают.
Советы по эффективному использованию Генератор фавикона
Начните с квадратного PNG 512x512, тогда версии 16, 32 и 180 px останутся чёткими.
iOS требует apple-touch-icon 180x180, а манифест PWA — иконки 192 и 512 px.
Во вкладке остаётся 16 px: одна буква или простой знак читается лучше логотипа.