Соберите квадрат так, чтобы лицо, персонаж или эмблема оставались узнаваемыми и после уменьшения, и после возможной круглой маски в интерфейсе.
1
Найдите источник с безопасным запасом
Выберите четкий портрет или графику с запасом вокруг главного объекта, чтобы при кадрировании не пришлось прижимать лицо или знак к краям.
2
Подгоните фокус под будущий контейнер
Настройте масштаб объекта внутри квадрата и мысленно проверьте круглую маску, если аватар будет отображаться не в полном прямоугольнике.
3
Проверьте квадрат в списке
Сравните результат с другими аватарами или карточками на реальном размере и сохраните формат, который подходит фотографии или прозрачной графике.
Практическое применение изображений 128x128
Этот размер уже показывает лицо или персонажа заметно подробнее микрозначка, поэтому задача смещается от пиксельного силуэта к правильной дистанции до краев, читаемому фокусу и согласованному масштабу внутри списка.
01
Настройте фокус под компактную карточку
Оценивайте квадрат вместе с будущей маской и контейнером. Центрируйте лицо или символ так, чтобы он сохранял характер и в полном квадрате, и после возможного круглого отображения.
Оставьте запас для круглой или скругленной маски
Держите лицо или эмблему крупнее фоновых деталей
Сравните несколько ассетов в одном списке
Проверка аватара 128x128
Ширина
128px
Высота
128px
128x128 px
02
Подготовьте аватары аккаунтов
Обрежьте портреты или иллюстрации для меню аккаунтов и списков участников.
Сохраните главный объект в пределах рамки
Оставьте равномерное пространство вокруг важных деталей
Проверьте результат в конечном масштабе
Предпросмотр: подготовьте аватары аккаунтов
Студия 128x128
Оригинал 128x128Обрезка 1:1Проверить
128x128 px
Подготовьте аватары аккаунтов
Обрежьте портреты или иллюстрации для меню аккаунтов и списков участников.
03
Создайте портреты персонажей
Приведите героев и персонажей к единому виду для списка или сетки выбора.
Соблюдайте одинаковый масштаб объектов
Не размещайте важные детали у края
Используйте четкий и хорошо освещенный оригинал
Предпросмотр: создайте портреты персонажей
Коллекция 128x128
Приведите героев и персонажей к единому виду для списка или сетки выбора.
Создайте портреты персонажей
компактная квадратная карточка
Посмотреть результат
04
Оформите каталог интеграций
Подготовьте знаки сервисов и иллюстрации для настроек подключений.
Сохраните главный знак или заголовок
Поддерживайте единые поля и контраст
Убедитесь в читаемости перед использованием
Предпросмотр: оформите каталог интеграций
Материал 128x128
Оформите каталог интеграций
Подготовьте знаки сервисов и иллюстрации для настроек подключений.
Открыть предпросмотр
Готово к проверкекомпактная квадратная карточка
Область макета
компактная квадратная карточка
Размер 128x128
128x128
Вопросы об изображениях 128x128
Разберите подготовку 128x128 для аватаров, персонажей и карточек интеграций: как учитывать круглую маску, насколько крупным должен быть объект, что происходит с мелкими деталями и какой формат нужен прозрачной графике.
Какие детали сохраняются в квадрате 128x128?
При 128 пикселях на сторону уже различимы черты лица, простой костюм персонажа и небольшой логотип. Однако фон и мелкая типографика все еще должны уступать главному объекту, особенно если интерфейс показывает картинку меньше исходных 128 пикселей.
Как подготовить 128x128 под круглую маску?
Если аватар будет отображаться кругом, оставьте запас у углов еще на этапе квадратной композиции. Лицо, эмблема или голова персонажа не должны касаться края, иначе маска срежет важные части уже после экспорта.
Как понять, что аватар достаточно читаемый?
Проверяйте изображение в карточке или списке, где оно реально будет использоваться. Хороший результат должен быстро узнаваемо работать рядом с именем, статусом или названием интеграции, а не только выглядеть детальным в увеличенном редакторе.
Насколько крупным должен быть исходник для аватара?
Источник желательно брать крупнее 128x128, если требуется изменить кадрирование или положение лица. Но простое число пикселей не заменяет резкость: чистый портрет среднего размера лучше размытой большой фотографии.
Что будет с мягким или размытым оригиналом?
Если исходник уже размыт, ресайз только пересчитает его в новую сетку. Для лица это проявится в глазах и волосах, для логотипа в мягких краях; лучше выбрать более четкую версию до обработки.
Как выбрать формат для аватара или интеграции?
JPG удобен для обычных портретов. PNG подходит логотипам, игровым персонажам и ассетам с прозрачным фоном. WebP можно использовать для веб-интерфейса, если принимающая система его поддерживает.
Когда 128x128 лучше сохранять с прозрачным фоном?
Прозрачность особенно полезна для эмблем и персонажей, которые должны выглядеть одинаково на разных темах интерфейса. Сохраняйте альфа-канал в PNG или совместимом WebP и проверяйте светлый и темный фон.
Для каких интерфейсных карточек подходит 128x128?
Размер может быть полезен для профилей, игровых списков и каталогов подключений, когда компонент ожидает такую квадратную текстуру. Перед массовой подготовкой файлов сверяйте фактическую спецификацию продукта.
Изменить размер изображения до точных размеров в пикселях
Выберите готовый размер в пикселях, чтобы открыть инструмент изменения размера с уже установленной точной шириной и высотой.
Создайте компактная квадратная карточка 128x128
Подготовьте изображение для аватаров, игровых персонажей и каталогов интеграций прямо в браузере.