Генератор фавиконов
Превратите один файл PNG, JPG или SVG в favicon.ico и все необходимые размеры иконок для вашего сайта в одном ZIP-архиве.
Изображение остается полностью видимым, центрируется с добавлением полей по бокам.
Прозрачный фон отлично подходит для вкладок браузера; для иконок на главном экране iPhone безопаснее использовать фоновый цвет.
Ваш фавикон и пакет иконок появятся здесь.
Поместите файлы в корневую папку вашего сайта, затем добавьте эти строки на каждую страницу.
Ваше изображение преобразуется в иконки прямо в браузере. Никакие файлы не загружаются на BroBroGo.
Частые вопросы
Какие файлы входят в пакет иконок?
Файл favicon.ico, содержащий версии 16, 32 и 48 пикселей, иконки PNG размером 16, 32, 180, 192 и 512 пикселей, а также файл site.webmanifest со списком крупных иконок. Если вы начинаете с SVG, сам векторный файл тоже будет включен. Всё это упаковано в один ZIP-архив.
Какого размера должно быть исходное изображение?
Идеально подходит формат SVG — каждая иконка отрисовывается из вектора, поэтому даже размер 16 пикселей остается четким. Для PNG или JPG лучше использовать исходник размером не менее 512 × 512; изображения меньшего размера будут масштабироваться и могут выглядеть размытыми.
Должен ли фон быть прозрачным или цветным?
Для вкладок браузера отлично подходит прозрачность. Однако на домашних экранах iPhone и iPad прозрачные области закрашиваются черным цветом. Если пользователи могут добавлять ваш сайт на домашний экран, лучше выбрать цвет фона.
Что происходит с изображением, если оно не квадратное?
Иконки всегда квадратные, но ваше изображение никогда не будет искажено. По умолчанию оно центрируется с полями вокруг; переключитесь на режим «Заполнение (обрезка)», чтобы вместо этого обрезать выступающие края.
Куда именно на сайте нужно загрузить эти файлы?
Загрузите их в корневую папку вашего сайта, чтобы файл favicon.ico был доступен по адресу /favicon.ico, а затем вставьте сгенерированные строки в тег <head> ваших страниц. Браузеры сами выберут нужный размер.