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

Перетаскивайте и меняйте размер прямоугольника обрезки прямо на изображении. Выберите соотношение сторон или произвольную форму. Ни один файл не покидает ваше устройство.

Как работает Обрезать изображение

Обрезка изображений позволяет выделить прямоугольную область на фотографии с помощью интерактивного перетаскиваемого наложения и экспортировать только эту часть как новый файл. Предпросмотр обрезки обновляется в реальном времени при перемещении или изменении маркеров выделения. Все операции с Canvas выполняются локально; исходный файл считывается с вашего диска и никогда не передаётся на сервер.

Можно зафиксировать обрезку по заданному соотношению сторон (например, 16:9 для видео-миниатюр или 1:1 для аватаров) или оставить свободную форму. Пиксельные координаты выделения отображаются, чтобы вы могли ввести точные значения, если нужна точная обрезка, а не визуальная оценка. Результат скачивается прямо на устройство в том же формате, что и исходное изображение, с сохранением качества.

Автор: Bastien Sulyan

Обрезать изображение: пошаговая инструкция

Перетащите изображение в область загрузки или нажмите для выбора файла.
Перетащите угловые и боковые маркеры, чтобы задать область обрезки, или введите точные пиксельные координаты в поля.
При необходимости выберите фиксированное соотношение сторон для ограничения пропорций.
Нажмите «Обрезать», чтобы применить выделение и создать обрезанное изображение.
Нажмите «Скачать», чтобы сохранить результат на устройство.

Частые сценарии использования

Блогер вырезает главный объект из широкого пейзажного снимка, чтобы создать более чёткое изображение заголовка для записи.
Разработчик извлекает конкретный элемент интерфейса из полного снимка экрана для включения в документацию.
Фотограф товаров убирает отвлекающий фон с фотографий продуктов перед загрузкой на маркетплейс.
HR-специалист обрезает портрет сотрудника до единого квадратного формата для внутреннего справочника, не отправляя личные фотографии в облачный сервис.

Часто задаваемые вопросы

Есть ли ограничение по размеру файла для обрезки?

Ограничение задаётся объёмом памяти браузера. Операции с Canvas на очень больших файлах (свыше 30-40 мегапикселей) могут быть медленными или завершаться ошибкой на устройствах с ограниченным объёмом ОЗУ. Для типичных фотографий камеры до 24 мегапикселей инструмент справляется без проблем.

Можно ли ввести точные пиксельные координаты обрезки вместо перетаскивания?

Да. Инструмент показывает позицию x, y, ширину и высоту текущего выделения в виде числовых полей. Вы можете вводить значения прямо в них, чтобы задать точную область обрезки, что удобно, когда пиксельные границы известны из технического задания.

Сохраняет ли инструмент какие-либо данные об открытых изображениях?

Нет. Данные изображения хранятся только в памяти вкладки браузера, пока страница открыта. Они не сохраняются в localStorage, не отправляются на сервер и не остаются после закрытия или обновления вкладки.

В каком формате экспортируется обрезанное изображение?

Формат вывода соответствует входному, если это поддерживается. Из входного JPEG получается JPEG; из входного PNG получается PNG с сохранением прозрачности, если она была в оригинале.

Можно ли отменить обрезку и начать заново?

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

Могу ли я обрезать фото на телефоне?

Да. Перетаскивание маркеров обрезки работает через сенсорный ввод в мобильном Chrome или Safari так же, как мышью, хотя точное позиционирование угловых маркеров удобнее на большом экране. Ввод точных пиксельных координат в полях обходит это ограничение на маленьком экране.