Favicon Generator
Generate favicons
Generate favicons Запускается локально в вашем браузере
About the
Генератор Favicon берет изображение, обрезает его до квадрата из центра и создает файл значка размером 64 на 64, который можно поместить в корень сайта. Обрезка имеет большее значение, чем кажется: браузеры отображают значки квадратными, поэтому широкий логотип, сжатый в квадрат, выглядит неправильно, в то время как обрезка по центру обычно сохраняет узнаваемую часть. Изображение обрабатывается на холсте в вашем браузере, поэтому ничего не загружается.
Where people use the
- Генерация фавикона из логотипа перед запуском сайта.
- Создание быстрой иконки для прототипа или внутреннего инструмента.
- Замена значка-заполнителя, оставшегося от шаблона.
- Создание квадратной версии широкого логотипа для использования во вкладке.
How to use the
- 1
Загрузите изображение
Выберите логотип или изображение, которое вы хотите использовать. Квадратное исходное изображение дает наилучший результат, поскольку ничего не обрезается.
- 2
Позвольте ему обрезать и изменить размер
Самая короткая сторона используется как квадрат обрезки, взятый из центра, и результат получается размером 64 на 64.
- 3
Сравните два превью
Оригинал и значок показаны рядом, чтобы вы могли видеть, что было удалено при обрезке.
- 4
Загрузите значок
Сохраните файл как favicon.ico и поместите его в корень вашего сайта или загрузите туда, где ваша платформа ожидает статические ресурсы.
Советы и лучшие практики
- Загрузите квадратное изображение, чтобы не потерять края широкого логотипа.
- Установите для значка простой фон, если он будет отображаться как на светлых, так и на темных вкладках.
- Жесткая перезагрузка после загрузки; браузеры агрессивно кэшируют значки.
Часто задаваемые вопросы
Почему мой логотип обрезан?
Потому что значки квадратные. Инструмент берет самый большой подходящий квадрат из центра. Квадратное исходное изображение вообще не требует обрезки.
Какой размер мне следует загрузить?
Минимум 64 на 64 и, если можно, квадрат. Изображения большего размера просто уменьшаются; меньшие будут выглядеть мягкими.
Нужно ли мне больше одного размера?
Для большинства сайтов достаточно одного значка, поскольку браузеры уменьшают размер значка на 64 пикселя для вкладок. Если вам нужны четкие результаты везде, создавайте версии с разрешением 16, 32 и 180 пикселей отдельно.
Куда идет файл?
В корне сайта как favicon.ico, который браузеры запрашивают по соглашению. Если ваша платформа обслуживает статические файлы из такого каталога, как public, поместите их туда.
Почему на вкладке по-прежнему отображается старый значок?
Потому что оно кэшируется. Принудительно перезагрузите страницу или откройте ее в приватном окне, и появится новый значок.