ru

Генератор favicon

Создай полный пакет favicon из одного изображения: .ico, PNG-размеры, apple-touch-icon, веб-манифест и HTML-фрагмент. Локально, без загрузки.

Фон (иконка iOS)
  • Белый
  • Прозрачный
  • Чёрный
Фон (иконки Android)
  • Белый
  • Прозрачный
  • Чёрный

Ваши файлы

    Обработка локально на вашем устройстве ...

    0%

    Ваши файлы так и не покинули устройство

      Загружается ли мой файл?

      Нет. Всё выполняется в вашем браузере - ваш файл никогда не покидает устройство. Как это можно проверить

      Без загрузки100% локально
      Содержимое остаётся у васнет доступа у третьих лиц
      Серверы в ГерманииGDPR by design
      Независимый аудитTLS A+ · Заголовки A+

      Favicon - это никогда не один файл. Современные браузеры, смартфоны и веб-приложения ожидают целый набор иконок разных размеров и форматов: классический favicon.ico с несколькими разрешениями для вкладки браузера, отдельные PNG-файлы, apple-touch-icon для домашнего экрана iPhone и крупные иконки для установки в качестве веб-приложения на Android. Этот инструмент берёт на себя всю возню и создаёт полный набор из одного изображения.

      Вы перетаскиваете квадратное изображение - идеально PNG со стороной не менее 512 пикселей - и получаете ZIP-файл. Внутри: favicon.ico (16, 32 и 48 пикселей), отдельные PNG-иконки, apple-touch-icon размером 180 пикселей и две иконки приложения - 192 и 512 пикселей. Вдобавок - готовый site.webmanifest и короткий HTML-фрагмент, который вставляется прямо в раздел head вашей страницы. Всё соединяется само - не нужно собирать ссылки вручную.

      Изображение вписывается в каждый размер без обрезки и центрируется. Иконки браузера сохраняют прозрачность; иконки приложений для iOS и Android помещаются на фон, поскольку эти системы иначе отображают прозрачность чёрным - белый, чёрный или прозрачный выбираете вы, отдельно для каждой платформы (например, белый для значка iPhone и прозрачный для значка Android). Как и у всех инструментов здесь, всё преобразование происходит в браузере. Изображение не загружается, библиотека не подтягивается со стороннего сервера.

      Технические данные

      Технические данные
      Входные форматыPNG, JPG, JPEG, WEBP, GIF, BMP
      Выходной форматZIP
      Пакетная обработкаНет
      ОбработкаЛокально в браузере (JavaScript)
      Загрузка файловОтсутствует

      В 3 шага

      1. Перетащите квадратное изображение (PNG от 512 px - идеально).
      2. Выберите фон для иконок iOS и Android (по отдельности).
      3. Скачайте и распакуйте ZIP-пакет.

      Ограничения: Инструмент создаёт ZIP с favicon.ico (16/32/48), favicon-16/32, apple-touch-icon (180), иконками Android (192/512), файлом site.webmanifest и HTML-фрагментом. Источник - растровое изображение (PNG, JPG, WebP, GIF, BMP); SVG здесь не поддерживается. Слишком маленькое изображение увеличивается и может выглядеть размытым - лучше всего квадратное и крупное.

      Частые вопросы

      Загружается ли моё изображение?

      Нет. Весь пакет создаётся локально в браузере - даже в режиме полёта. Изображение никогда не покидает ваше устройство.

      Что содержится в ZIP?

      favicon.ico с размерами 16/32/48 пикселей, отдельные PNG-иконки, apple-touch-icon, две иконки приложения (192/512), site.webmanifest и HTML-фрагмент для раздела head.

      Почему у иконок приложения есть фон?

      iOS и Android отображают прозрачные области иконок приложений чёрным. Поэтому иконки помещаются на фон; выбирайте белый, чёрный или прозрачный - отдельно для iOS и Android, если хотите, чтобы они выглядели по-разному.

      Какого размера должно быть изображение?

      Квадратное с минимальной стороной 512 пикселей. Все меньшие размеры аккуратно масштабируются из него.

      Похожие инструменты