Кратко (TL;DR)
- Дизайн с нуля: Нет логотипа? Нет проблем. Создавайте профессиональные иконки, используя текстовые инициалы или популярные эмодзи.
- Предварительный просмотр в реальном времени: Смотрите, как ваша иконка выглядит в светлом/темном режиме и на вкладках браузера.
- Полный набор: Скачайте пакет с
favicon.ico, PNG высокого разрешения и необходимыми HTML-тегами.
Когда генерировать vs загружать?
- Используйте это, если у вас еще нет логотипа или вы хотите простую иконку на основе букв.
- Используйте Конвертер, если у вас уже есть готовое изображение логотипа.
Советы по дизайну (16x16 пикселей)
- Высокий контраст: Светлый текст на темном фоне лучше всего.
- Один или два символа: “Мой Вебсайт” не поместится. Используйте “МВ”.
- Жирные шрифты: Тонкие шрифты исчезают при малых размерах.
Полный пакет
Вы получаете стандартизированный веб-кит:
favicon.ico: Для десктопных браузеров.icon-192.png&icon-512.png: Для Android/PWA.apple-touch-icon.png: Для iOS.site.webmanifest: Для Android.
FAQ
Могу ли я легально использовать эти эмодзи?
Да. Они рендерятся с использованием системных или открытых шрифтов и безопасны для вашего бренда.
Нужен ли мне прозрачный фон?
Для текстовых/эмодзи иконок мы рекомендуем сплошную форму (круг или квадрат). Прозрачный парящий текст может исчезнуть в темном режиме.