Выберите изображение, установите точные размеры в пикселях и скачайте готовый результат.
1
Выберите изображение
Выберите один или несколько файлов JPG, PNG или WebP на вашем устройстве, чтобы открыть их в рабочем пространстве изменения размера.
2
Введите размеры в пикселях
Установите ширину и высоту в пикселях, при необходимости заблокируйте соотношение сторон и выберите, как изображение должно вписываться в новый холст.
3
Изменить размер и скачать
Просмотрите каждый результат, обработайте изображения в браузере и скачайте готовые файлы.
Размеры с точностью до пикселя для цифровых проектов
Установите точный холст, затем подготовьте изображения, подходящие для веб-сайтов, социальных сетей и интерфейсов приложений.
01
Контролируйте точную ширину и высоту
Введите нужные размеры напрямую в пикселях. Сохраняйте исходные пропорции, когда одно измерение должно соответствовать другому, или задайте оба значения для требуемого цифрового холста.
Введите требуемую ширину и высоту для конечного результата
Заблокировать соотношение сторон для сохранения пропорций исходника
Выбирайте обрезку, добавление полей или растягивание, когда формы отличаются
Настройки размера в пикселях
Ширина
1200px
Высота
800px
Соотношение сторон заблокировано
1200 × 800 пикс.
02
Подгоняйте изображения под макеты веб-сайта
Соответствуйте точным слотам изображения, определенным дизайном сайта, от широких заголовков до карточек статей, чтобы элементы выравнивались чисто без оставления решений по макету браузеру.
Размер баннеров «герой» и секций для их реальных контейнеров
Создавайте единообразные миниатюры для карточек и сеток статей
Избегайте слишком крупных исходных файлов, когда отображаются меньшие элементы
Адаптивные ресурсы для веб-сайта
Журнал студии
1440 × 480 пкс
03
Подготовить графику для конкретных платформ социальных сетей
Создавайте отдельные пиксельные холсты для публикаций в ленте, вертикальных историй и изображений профиля, вместо того чтобы подгонять одну обрезку под все размещения.
Создавайте квадратные публикации, не обрезая главный объект
Подготовьте вертикальную графику для историй в ее предполагаемом размере
Держите изображения профиля четкими внутри компактного холста
Набор размеров для социальных сетей
Полевые заметки
Квадратный пост
1080 × 1080 пкс
Портретная публикация
1080 × 1920 пикс.
Изображение профиля
400 × 400 пикс.
04
Создавать согласованные ресурсы приложения и UI
Изменяйте размер аватарок, миниатюр и графики панели управления до размеров компонентов, используемых в интерфейсе продукта, обеспечивая визуальную согласованность повторяющихся экранов.
Совпадение аватарок с компонентами профиля и аккаунта
Стандартизировать миниатюры в списках и библиотеках контента
Подготовить визуальные элементы панели управления для предсказуемых интерфейсных слотов
Библиотека ресурсов интерфейса
Ресурсы компонентов
Аватар профиля
96 × 96 пикс.
320 × 180 пикс.
640 × 360 пикс.
Часто задаваемые вопросы о изменении размера пикселей
Ответы о размерах, соотношении сторон, обрезке, качестве, форматах и выборе правильного размера.
Что означают размеры в пикселях?
Размеры в пикселях описывают точную ширину и высоту изображения в виде сетки экранных пикселей, например 1200 × 800 px. Они контролируют, сколько цифровых деталей содержит файл и насколько крупно он может отображаться в исходном размере.
Как установить точную ширину и высоту в пикселях?
Введите ширину, высоту или оба значения в пикселях. Сохраняйте соотношение сторон заблокированным, если хотите, чтобы одно значение обновлялось исходя из пропорций, или разблокируйте его, когда макет требует точного холста. Затем проверьте соответствие перед обработкой.
Изменение размера до точных пикселей обрежет мое изображение?
Обрезка зависит от выбранного режима, когда пропорции исходного и готового изображений различаются. Режим «Обрезать по размеру» заполняет холст, обрезая края, а «Добавить поля» сохраняет изображение целиком и заполняет оставшееся пространство.
Как выбрать правильные размеры в пикселях?
Выбирайте размеры исходя из текущих требований места назначения, а не из общего совета. Сначала проверьте слот на сайте, социальную платформу, компонент приложения или дисплей, затем введите точную ширину и высоту в пикселях.
Изменяет ли размер пикселя качество изображения?
Уменьшение размеров пикселей обычно дает чистый результат, когда исходное изображение четкое. Увеличение заставляет браузер создавать дополнительные пиксели, поэтому мелкие детали могут выглядеть мягче. Начинайте с источника как минимум такого же размера, как планируемый результат.
Как сохранить оригинальные пропорции?
Включите сохранение соотношения сторон, чтобы не менять пропорции исходного изображения при настройке ширины или высоты. Отключайте его только для холста точного размера, а чтобы не растягивать людей, товары или логотипы, используйте обрезку или добавление полей.
Какие форматы изображений можно изменять и экспортировать?
Вы можете открыть изображения JPG, PNG или WebP и сохранить оригинальный формат или экспортировать в поддерживаемый альтернативный. Выбирайте PNG для прозрачности или четкой графики, JPG для фотографий и WebP для компактной веб-доставки.
Могу ли я использовать один и тот же размер пикселя для нескольких изображений?
Да. Введите общие размеры пикселей и выберите несколько поддерживаемых изображений. Те же настройки сохраняются в рабочем пространстве, где вы можете проверить каждую обрезку или подгонку перед обработкой и скачать завершенные результаты, когда они будут готовы.
Изменить размер изображения до точных размеров в пикселях
Выберите готовый размер в пикселях, чтобы открыть инструмент изменения размера с уже установленной точной шириной и высотой.
Изменить размер до точных пикселей, которые вам нужны
Установите ширину и высоту, проверьте соответствие и создайте готовое к использованию цифровое изображение.