Генератор фавиконов

LeanImg генерирует фавиконы прямо в вашем браузере с использованием Canvas API. Загрузите одно изображение, настройте параметры, такие как цвет фона и отступы, и нажмите Создать. Ваше изображение изменяется до всех стандартных размеров фавиконов и упаковывается в ZIP-файл — ничего не загружается на сервер.

LeanImg принимает изображения форматов PNG, JPG, WebP, AVIF, GIF и SVG в качестве входных данных. Он генерирует файл favicon.ico с несколькими разрешениями, фавиконы PNG размером 16x16 и 32x32, иконку Apple Touch размером 180x180 и иконки Android Chrome размером 192x192 и 512x512 пикселей.

LeanImg генерирует полный пакет фавиконов из одного исходного изображения за раз. Каждое создание производит все необходимые размеры и форматы в одном ZIP-загрузке. Загрузите новое изображение, чтобы создать другой пакет — нет ограничений на количество генерируемых.

Современные веб-сайты нуждаются в фавиконах разных размеров. Основной набор включает 16x16 и 32x32 пикселей для вкладок браузера, 180x180 для иконок Apple Touch и 192x192 плюс 512x512 для Android Chrome. LeanImg автоматически генерирует все эти размеры из вашего единственного исходного изображения.

LeanImg обрабатывает ваше изображение полностью в вашем браузере. Ваши файлы никогда не покидают ваше устройство — ничего не загружается на сервер и никакие данные не хранятся. Это делает безопасным создание фавиконов из логотипов компаний, брендовых активов или любого изображения, которое вы предпочитаете держать в тайне.

Нет. Нет аккаунта, нет почтового ящика и нет шага загрузки. Генератор работает в вашем браузере с использованием Canvas API, поэтому ваш логотип никогда не отправляется никуда, и вы можете закрыть вкладку в тот момент, когда ваш ZIP загружен. Ничего не имеет водяных знаков и нет ежедневных ограничений.

Четыре, и этот инструмент создает все из них. 16x16 и 32x32 для вкладок браузера и закладок, 180x180 для главного экрана iOS, и 192x192 плюс 512x512 для Android и веб-манифеста. 512 — это тот, о котором люди забывают: Android использует его для заставки, и без него иконка вашего приложения возвращается к размытому увеличению меньшего файла.

Да, и PNG с прозрачным фоном является идеальным входом. Прозрачность сохраняется во всех PNG в пакете и в ICO. Если у вашего источника нет прозрачности, вы можете установить цвет фона в панели, а также отступ, если изображение касается краев, что обычно не должно быть для чего-то, отображаемого на 16 пикселей.

Оба, поэтому ZIP содержит оба. Современные браузеры читают PNG-файлы, упомянутые в ваших тегах ссылок, и они дают вам четкие маленькие иконки. favicon.ico в корне вашего сайта является минимальным требованием для всего, что никогда не анализирует ваш HTML, включая считыватели ленты, краулеры и предварительные просмотры ссылок, которые просто запрашивают /favicon.ico. Наш пакет включает версии 16, 32 и 48 пикселей в один файл.

Семь. favicon.ico, favicon-16x16.png, favicon-32x32.png, apple-touch-icon.png, android-chrome-192x192.png, android-chrome-512x512.png и site.webmanifest, доставленные в одном ZIP. Реальный запуск 942 КБ источника произвел 4.6 КБ, 521 Б, 1.4 КБ, 28.4 КБ, 31.9 КБ, 196 КБ и 371 Б соответственно. Страница также выводит четыре тега ссылок для вставки в ваш head.

В корне, затем вставьте четыре тега ссылок. favicon.ico должен находиться по адресу yoursite.com/favicon.ico, потому что этот путь запрашивается, независимо от того, ссылаетесь ли вы на него или нет. Остальные могут находиться где угодно, если href совпадает, хотя корень сохраняет правильность сгенерированного фрагмента. Браузеры жестко кэшируют фавиконы, поэтому используйте приватное окно, чтобы проверить свою работу.

Нет, одно изображение за раз. Пакет фавиконов — это набор производных от одного знака, поэтому пакетирование в основном приведет к конфликтам с идентичными именами файлов. Входной лимит составляет 10 МБ, что гораздо больше, чем нужно любому логотипу. Если у вас несколько брендов, запустите их один за другим и переименуйте каждый ZIP по мере его загрузки.