Генератор фавіконів
Перетворіть один файл 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> ваших сторінок. Браузери самі виберуть потрібний розмір.