Редактор изображений — отступы, размер, поворот
Вписывает много изображений в один итоговый размер с отступами по одним настройкам
Работает в браузере · файлы никуда не загружаются
Задайте размер итогового изображения, добавьте отступы в px или %, затем впишите изображение автоматически или задайте его размер в % или px. Если загрузить несколько изображений, одни и те же настройки применятся ко всем.
Открыть изображение
JPG · PNG · WebP / до 50 изображений, до 50 МБ каждое. Можно также перетащить или вставить изображения.
Редактирование идёт в браузере. Изображение никогда не загружается на сервер.
Что это
Этот редактор изображений разделяет размер итогового файла и фото, размещённое внутри него. Задайте итоговый размер 700 × 700 px, добавьте отступы 10 % и выберите автоматическое вписывание — и каждое фото, горизонтальное или вертикальное, окажется по центру области 560 × 560 px с сохранёнными пропорциями. Это удобно, например, для фото товаров разного размера, которые должны иметь единый формат: загрузите их вместе и экспортируйте с одинаковыми настройками.
Как пользоваться
- Откройте, перетащите или вставьте одно или несколько изображений JPG, PNG или WebP. Позже можно добавить ещё или убрать изображение крестиком × на миниатюре.
- Введите итоговую ширину и высоту или выберите готовый вариант: квадрат 700, 1000 или 1080, вертикальный, сторис или горизонтальный. Выберите цвет фона или оставьте его прозрачным.
- Выберите отступы в px или % и введите одно значение для всех сторон либо отдельные значения сверху, справа, снизу и слева. Пунктир в предпросмотре показывает, где будет фото.
- Выберите способ задать размер изображения: нажмите Вписать автоматически или Заполнить либо введите значение в % области, % оригинала или ширину/высоту в px. Числа применяются по Enter или при выходе из поля.
- При необходимости поверните, отразите или сдвиньте изображение. Перетаскивайте его в предпросмотре или используйте стрелки; с Shift шаг — 10 px.
- Обрежьте изображение, настройте яркость, контраст, насыщенность и непрозрачность или добавьте текст.
- Выберите формат и качество, нажмите Создать изображение (или «Создать все», если изображений несколько), затем скачайте каждый файл или ZIP.
Как это работает
- Пакетные настройки: общими являются все настройки, кроме обрезки. Размер изображения хранится как правило масштабирования, а не как фиксированные пиксели, поэтому исходники разного размера дают одинаковую компоновку.
- Отступы: находятся внутри итогового изображения и обрезают фото. Подогнать итоговый размер под изображение и отступы задаёт итоговый размер по текущему фото плюс отступы.
- Точные px: при закреплённых пропорциях фиксируется только последняя введённая ширина или высота, а другая сторона подстраивается под каждое изображение. Без закрепления каждое изображение растягивается до введённых ширины и высоты.
- Поворот: от -360° до 360°. Автоматическое вписывание учитывает описанный прямоугольник повёрнутого фото.
- Положение: положение изображения отсчитывается от центра внутренней области. Текст отсчитывается от левого верхнего угла итогового изображения, до 200 символов и 20 строк.
- Форматы: PNG без потерь; JPG и WebP используют выбранное качество. Метаданные EXIF и анимация не сохраняются. HEIC, GIF и AVIF сначала конвертируйте.
- Ограничения: слишком большое итоговое изображение никогда не уменьшается молча — вас попросят уменьшить его самостоятельно.
Пример
Загрузите горизонтальное фото 1200 × 800 px и вертикальное 600 × 900 px и экспортируйте их в 700 × 700 px с отступами 10 % и автоматическим вписыванием. Оба файла будут 700 × 700 px, а фото окажутся по центру в размерах 560 × 373 px и 373 × 560 px. Измените отступы на 50 px — внутренняя область станет 600 × 600 px. Введите 50 % области — каждое фото станет вдвое меньше, чем при автоматическом вписывании.
Частые вопросы
Можно редактировать несколько изображений с одинаковыми настройками?
Да. Загрузите до 50 изображений, и итоговый размер, отступы, масштабирование, поворот, цвета и текст применятся ко всем. Нажмите на миниатюру, чтобы увидеть результат для каждого, затем создайте все изображения и скачайте их по одному или одним ZIP. Только обрезка задаётся для каждого изображения отдельно.
Как добавить отступы?
Сначала задайте размер итогового изображения, выберите единицу отступов — px или %, затем введите одно значение для всех сторон или отдельное для каждой. Отступы находятся внутри итогового изображения, а фото размещается во внутренней области. Отступы слева и справа в % считаются от итоговой ширины, сверху и снизу — от высоты.
Чем отличаются «Вписать автоматически», «Заполнить», % и точные px?
«Вписать автоматически» размещает фото целиком как можно крупнее внутри отступов, сохраняя пропорции. «Заполнить» покрывает внутреннюю область и обрезает лишнее. % области масштабирует относительно размера при автоматическом вписывании, % оригинала — относительно исходных пикселей. Точные px при закреплённых пропорциях берут введённую сторону и масштабируют под неё каждое изображение.
Можно отменить обрезку или поворот?
Отмена и повтор хранят до 80 правок. «Отменить обрезку» возвращает исходную область изображения, «Сбросить всё» — начальное состояние. Ctrl или Command плюс Z отменяет правку, а с Shift — повторяет.
Мои изображения загружаются на сервер?
Нет. Изображения JPG, PNG и WebP открываются и отрисовываются в браузере. Каждый файл может весить до 50 МБ и содержать до 50 миллионов пикселей. Итоговое изображение ограничено 8192 px по стороне и 20 миллионами пикселей, а на некоторых устройствах — меньше.
Можно сохранить прозрачность в JPG?
Нет. JPG заливает прозрачные области белым. Чтобы сохранить прозрачность, выберите PNG или WebP. Если браузер не умеет экспортировать WebP, создаётся PNG, и вы увидите об этом сообщение.
