Skip to content
Бесплатный инструментDesign

Создавайте каждый размер значка, необходимый вашему сайту, из одного изображения.

Загрузите логотип или значок, и инструмент выведет значки всех размеров, которые требуются современным браузерам, операционным системам и манифестам PWA — от классического ICO 16 x 16 до PNG 512 x 512 для домашних экранов Android. Загрузите готовый к развертыванию пакет с включенным в него фрагментом HTML.

Используйте этот инструмент бесплатно

Функции

1

Полный охват размеров

Генерирует 16 x 16, 32 x 32 и 48 x 48 для традиционных браузеров; Значок Apple Touch 180 x 180 для iOS; 192 x 192 и 512 x 512 для манифестов Android PWA. Любой распространенный размер за один проход.

2

Вывод ICO и PNG

Пакет включает в себя файл .ico с разными разрешениями (содержащий слои размером 16, 32 и 48 пикселей) и отдельные файлы PNG для каждого размера. Оба формата готовы для прямого использования в заголовочных тегах HTML.

3

Редактор обрезки и заполнения

Отрегулируйте область обрезки, чтобы изолировать часть изображения со значком. Добавьте отступы, чтобы значок не касался краев квадрата значка, что улучшает читаемость при небольших размерах.

4

Фоновый контроль

Оставьте прозрачный фон для современных браузеров или установите сплошной цвет заливки для значков Apple Touch (которые не поддерживают прозрачность). Просмотрите оба режима перед загрузкой.

Как использовать

1

Загрузите свое изображение

Загрузите в генератор файл PNG, SVG, JPEG или WebP. Квадратные изображения размером 512 пикселей или больше дают наиболее четкие результаты.

2

Обрезать и настроить

Перетащите маркеры обрезки, чтобы изолировать область значка. Добавьте отступы, если значку нужна передышка. Установите прозрачный или однотонный фон.

3

Предварительный просмотр всех размеров

Инструмент отображает все целевые размеры одновременно, поэтому вы можете убедиться, что значок узнаваем при разрешении 16 пикселей и выглядит четким при разрешении 512 пикселей.

4

Скачать пакет

Загрузите ZIP-архив, содержащий все файлы значков, а также фрагмент HTML, который вы можете вставить в тег <head> вашего сайта, чтобы правильно ссылаться на каждый значок.

Технические характеристики

Выходные размеры (пикселей)16, 32, 48, 180, 192, 512
Выходные форматыICO (многослойный), PNG
Форматы вводаPNG, SVG, JPEG, WebP
Рекомендуемый ввод512 x 512 пикселей или больше, квадратный
Иконка Apple Touch180 x 180 пикселей с дополнительным сплошным фоном
ОбработкаКлиентская сторона (без загрузки)

Related Magic Eraser Tools

Общие вопросы

С какого размера изображения следует начать?

+

Начните с квадратного изображения размером не менее 512 x 512 пикселей. Генератор уменьшает масштаб по сравнению с этим эталоном, поэтому источник с высоким разрешением гарантирует четкость каждого меньшего размера. Файлы SVG работают лучше всего, поскольку они масштабируются без потери качества.

Нужны ли мне все шесть размеров?

+

Да, для максимальной совместимости. ICO размером 16 и 32 пикселя подходят для устаревших браузеров, PNG размером 180 пикселей требуется для закладок iOS Safari, а PNG 192/512 пикселей необходимы для приглашений на установку Android PWA и заставок.

Как добавить значки на мой сайт?

+

Пакет загрузки включает в себя фрагмент HTML. Вставьте его в раздел <head> вашего сайта. Он ссылается на файл ICO для браузеров и файлы PNG для устройств Apple и Android. Большинство фреймворков также поддерживают размещение favicon.ico в корневом каталоге.

Логотип слишком сложен для крошечного значка?

Используйте Background Eraser, чтобы изолировать основной символ от полного логотипа, а затем введите чистый значок в генератор значков. Более простая форма лучше читается при размере 16 пикселей.

Попробуйте бесплатно

More free tools

Explore our other limited free edits after sign-in photo and image tools.

Измените размер любого изображения до идеальных размеров

Измените размер изображений до точного размера в пикселях для социальных сетей, Интернета и печати. Регистрация не требуется. Поддерживает JPEG, PNG и WebP размером до 50 МБ.

Уменьшите размеры файлов изображений без ущерба для четкости

Сжимайте изображения JPEG, PNG и WebP до 80 % с минимальной видимой потерей качества. Отрегулируйте ползунок качества для полного контроля. Никакой регистрации не требуется.

Конвертируйте изображения PNG в JPEG за считанные секунды

Мгновенно конвертируйте изображения PNG в формат JPEG. Настройте качество вывода, выберите цвет фона для прозрачных областей и загрузите — регистрация не требуется.

Конвертируйте фотографии JPEG в PNG с поддержкой прозрачности.

Конвертируйте изображения JPEG в формат PNG для обеспечения качества без потерь и поддержки прозрачности. Идеально перед удалением фона. Никакой регистрации или установки не требуется.

Мгновенно конвертируйте фотографии iPhone HEIC в JPEG

Конвертируйте фотографии Apple HEIC и HEIF в универсально совместимый формат JPEG. Работает в браузере — без установки приложения, без регистрации, без загрузки файлов на сервер.

Конвертируйте изображения в формат WebP и обратно.

Конвертируйте JPEG и PNG в WebP для более быстрой загрузки страниц или конвертируйте WebP обратно в JPEG/PNG для совместимости. Никакой регистрации, никакой установки, запускается в браузере.