🌐 Генератор значков Favicon и приложений
Загрузите одну картинку и мгновенно скачайте полный пакет значков — PNG-иконки всех стандартных размеров, многоформатный файл .ico и готовые HTML-ссылки, все в одном ZIP-архиве.
Приватно по умолчанию. Этот инструмент работает полностью в вашем браузере — ничего из введённого не загружается и не сохраняется, и он работает офлайн.
Об инструменте
Этот инструмент использует API Canvas браузера для изменения размера исходного изображения до каждого размера, который ожидает современные браузеры и операционные системы: 16×16, 32×32, 48×48, 64×64, 180×180 (Apple Touch Icon), 192×192 (Android / PWA) и 512×512 (PWA splash). Он также создает многоформатный файл .ico, который упаковывает все распространенные размеры значков в один двоичный файл, и генерирует фрагмент HTML с правильными тегами <link> для каждого размера. Все это упаковано в ZIP-архив с использованием встроенного ZIP-создателя, который работает только в браузере — не требуется внешняя библиотека. Поскольку весь процесс выполняется в браузере с использованием Canvas, файл никогда не покидает ваше устройство.
Как пользоваться
- Перетащите исходное изображение в область загрузки или нажмите, чтобы выбрать файл — PNG, JPEG, SVG или WebP работают все.
- Предварительный просмотр изображения и подтверждение размеров для генерации: PNG-изображения размером 16, 32, 48, 64, 180, 192 и 512 пикселей по умолчанию выбраны.
- Нажмите "Создать", чтобы API Canvas изменил размер и отобразил каждую размерность значка внутри браузера.
- Нажмите "Скачать ZIP", чтобы получить все PNG, многоформатный файл favicon.ico и файл фрагмента HTML в одном архиве.
- Скопируйте теги <link> из HTML-файла и вставьте их в <head> вашего сайта — ваш значок Favicon готов.
Частые вопросы
- Какие размеры генерирует этот инструмент?
- Инструмент генерирует PNG-файлы размером 16, 32, 48, 64, 180, 192 и 512 пикселей, многоформатный файл favicon.ico (содержащий 16, 32 и 48 пикселей), а также соответствующие HTML-теги <link>.
- Загружается ли моё изображение на сервер?
- Нет. Все изменение размеров и упаковка происходит в вашем браузере с использованием API Canvas. Ваше изображение никогда не покидает ваше устройство.
- Какое изображение лучше использовать в качестве исходного?
- Квадратное изображение размером как минимум 512×512 пикселей обеспечивает самые четкие результаты при всех размерах. SVG особенно хорошо подходит, потому что он независим от разрешения.
- Что такое многоформатный файл .ico и зачем он нужен?
- Файл .ico может содержать несколько разрешений в одном двоичном файле. Старые браузеры и Windows используют .ico для значков вкладок и ярлыков, автоматически выбирая наиболее подходящий размер. Использование многоформатного файла .ico гарантирует четкие значки везде.
- Нужно ли мне использовать все сгенерированные размеры для моего сайта?
- Для большинства веб-сайтов достаточно многоформатного файла .ico, а также PNG-изображений размером 180 пикселей (Apple Touch Icon) и 192/512 пикселей (PWA). Меньшие PNG-изображения включены для полноты и поддержки старых браузеров.
- Загружает ли этот инструмент мои данные?
- Нет. Всё выполняется прямо в вашем браузере, поэтому ваши данные никогда не покидают устройство — после загрузки страницы он работает даже офлайн.