Фавиконки

Создавайте и проверяйте фавиконки для вашего сайта за секунды.

Изображение в Favicon

Конвертируйте любое изображение (PNG, JPG, SVG, WebP, AVIF) в полный набор фавиконок для всех устройств.

Image

+

Перетащите изображение сюда

или нажмите, чтобы выбрать файл

Supports PNG, JPG, WebP, AVIF, SVG and more.

Output

Generate to download a zip.

Кратко (TL;DR)

  • Универсальный вход: Конвертируйте PNG, JPG, WebP или SVG в валидный набор favicon.
  • Умный размер: Выберите «Покрыть» (обрезать для заполнения) или «Вписать» (добавить отступы) для идеальной подгонки квадратных иконок.
  • Производственный стандарт: Генерирует не просто один файл, а необходимый микс из favicon.ico + PNG для совместимости с современным вебом.

Зачем использовать специализированный конвертер?

Вы не можете просто переименовать logo.png в favicon.ico. Формат ICO — это специальный контейнер, который хранит несколько растровых изображений разных размеров. Браузеры нуждаются в этом, чтобы выбрать наиболее четкую версию.

Этот инструмент справляется с технической сложностью:

  1. Ресемплинг: Высококачественные фильтры (Lanczos3) для предотвращения размытости иконок 16x16.
  2. Сборка контейнера: Компиляция версий 16x16, 32x32 и 48x48 в один бинарный файл .ico.
  3. Современные фолбеки: Генерация стандартных PNG (192x192, 512x512) для Android, PWA и экранов высокой плотности.

Умная обрезка: Покрыть vs Вписать

Большинство логотипов прямоугольные, но иконки должны быть квадратными.

1. Покрыть (Crop to Fill)

  • Поведение: Увеличивает, пока изображение не заполнит квадрат. Края обрезаются.
  • Лучше для: Символов, монограмм или почти квадратных иконок.

2. Вписать (Fit Center)

  • Поведение: Уменьшает изображение, чтобы оно полностью поместилось в квадрат, добавляя прозрачные отступы.
  • Лучше для: Широких текстовых логотипов или высоких логотипов.

Совет PRO: Если ваш логотип — это широкий текст, не пытайтесь втиснуть его в квадрат 16x16. Он будет нечитаемым. Создайте упрощенный вариант (инициал).

Понимание формата ICO

Файл .ico уникален. В отличие от PNG, это каталог изображений.

  • 16x16: Стандартная иконка вкладки на десктопе.
  • 32x32: Используется для экранов высокой плотности (Retina).
  • 48x48: Используется Windows для иконок рабочего стола.

Лучшие практики

  1. Начните с большого: Загрузите изображение не менее 512x512 пикселей.
  2. Проверьте контраст: Убедитесь, что ваш логотип виден на светлом и темном фоне.
  3. Прозрачность: Используйте прозрачный PNG или SVG.

FAQ

Почему мой favicon выглядит размытым?

На 16x16 пикселей у вас всего 256 точек. Сложные детали исчезают. Используйте более простой дизайн.

Можно ли использовать только PNG?

Большинство современных браузеров поддерживают PNG, но строгая поддержка старых систем все еще ищет favicon.ico. Безопаснее предоставлять оба.

enesvizharptrujadefrkoittrplnlidthhi