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

Обрезка изображения (кадрирование) убирает лишние края снимка и оставляет только нужный фрагмент, меняя композицию и пропорции кадра. Инструмент DocPivot работает прямо в браузере: файл никуда не загружается, очередей и ожидания нет. Для JPEG доступен режим без перекодирования, при котором все оставшиеся пиксели сохраняются бит в бит. Поддерживаются JPG, PNG, WebP, GIF, BMP и TIFF, до 30 файлов за один заход, а размер кадра задаётся в пикселях, миллиметрах, сантиметрах или дюймах.

Обзор инструмента обрезки изображений от DocPivot

Основная функциональность

Инструмент вырезает прямоугольную или круглую область и отдаёт результат в том же формате, в котором пришёл исходник. Картинка декодируется локально и рисуется на холсте, где рамку можно тянуть мышью, задавать числами или привязывать к одному из восьми пресетов пропорций. Если нужно уменьшить изображение целиком, для этого есть отдельное изменение размера изображения, которое работает по другому принципу.

Кому подходит инструмент

Чаще всего кадрирование нужно селлерам маркетплейсов, SMM-специалистам, дизайнерам и обычным пользователям, которые готовят фото на документы. Селлеры Wildberries и Ozon приводят снимки к вертикали 3:4, контент-менеджеры режут обложки под VK и Telegram, а кадровики готовят портреты 35×45 мм для заявлений. Если исходники приходят в разных форматах, их стоит сначала привести к одному через конвертер изображений.

Проблема и решение

Главная проблема онлайн-кадрирования в том, что почти все сервисы пересжимают JPEG после обрезки, даже когда обещают «без потери качества»: снимок проходит полный цикл декодирования и повторного сжатия, и часть цветовой информации теряется безвозвратно. В режиме без перекодирования этого не происходит вовсе, а вес файла остаётся примерно таким же, как у исходника.

Основные преимущества обрезки изображений

• Кадрирование JPEG без потерь. Оставшаяся часть снимка сохраняется бит в бит, потому что изображение не декодируется и не сжимается заново.
• Файлы не покидают устройство. Вся обработка идёт в браузере, поэтому трансграничной передачи персональных данных не происходит по самой архитектуре сервиса.
• Обычный режим тоже не портит снимок. При перекодировании читается таблица квантования исходного JPEG, поэтому результат сохраняет качество оригинала, а не фиксированное значение по умолчанию.
• Печатные единицы вместо пересчёта вручную. Миллиметры, сантиметры и дюймы вместе с настройкой разрешения избавляют от калькулятора при подготовке фото на документы.
• До 30 снимков за один заход. Пакетный режим приводит всю партию к одной пропорции и отдаёт готовый архив ZIP.
• Ничего не сохраняется само. Результат появляется в панели с указанием размеров и веса, а на диск файл попадает только после нажатия кнопки.
• Круглая и скруглённая обрезка. Аватар вырезается по кругу с прозрачным фоном, без ручного создания маски в графическом редакторе.
• Работает в связке с другими задачами. После кадрирования вес снимка можно дополнительно уменьшить через сжатие изображений, а криво снятый кадр выпрямить через поворот изображения.

Ключевые функции инструмента

• Восемь пресетов пропорций. Свободная рамка, 1:1, 4:5, 4:3, 3:2, 1.91:1, 16:9 и 9:16 закрывают основные сценарии для соцсетей, сайтов и видео.
• Ввод точных чисел. Ширину, высоту и смещение рамки можно вписать вручную, если нужен кадр ровно 900×1200 пикселей, а не приблизительный.
• Сетка по правилу третей. Направляющие внутри рамки помогают расположить объект по композиции, а не по центру наугад.
• Единицы измерения для печати. Миллиметры, сантиметры и дюймы пересчитываются через заданное разрешение: 35×45 мм при 300 DPI дают ровно 413×531 пиксель.
• Поворот на 90 градусов и зеркало. Ориентация применяется до обрезки, поэтому рамка выставляется по снимку в том виде, в каком он сохранится.
• Скругление углов от 0 до 50 процентов. Радиус считается от короткой стороны кадра, круг рисуется как вписанный эллипс и всегда касается всех четырёх границ.
• Пакетная обработка до 30 файлов. С выбранной пропорцией кадр считается для каждого снимка отдельно, без пропорции повторяется одна относительная область.
• Шесть входных форматов. Помимо JPG и PNG принимаются WebP, GIF, BMP и TIFF, а снимки с iPhone удобно заранее пропустить через конвертацию HEIC в JPG.
• Прозрачность не теряется. При круглой и скруглённой обрезке результат принудительно отдаётся в PNG, иначе прозрачные углы залились бы чёрным или белым.
• Предпросмотр итогового кадра. Панель показывает конечные размеры и вес файла до скачивания, включая снапнутый прямоугольник в режиме без потерь.
• Отдача в один архив. Партия снимков скачивается одним ZIP, а не 30 отдельными файлами по одному.
• Совместимость с веб-графикой. Картинки с сайтов чаще всего приходят в WebP, и перед кадрированием их можно перевести через конвертацию WebP в JPG, а разрезать готовый кадр на фрагменты помогает нарезка изображения на части.

Как работает обрезка изображений в DocPivot

1. Откройте файл. Перетащите снимок в рабочую область или выберите его через проводник, загрузка на сервер при этом не выполняется.
2. Выставьте рамку. Потяните за один из восьми маркеров, выберите пресет пропорций или впишите ширину, высоту и смещение числами.
3. Задайте единицы и разрешение. Если кадр готовится к печати, переключитесь на миллиметры и укажите DPI, значение по умолчанию равно 300.
4. Выберите режим обрезки. Для JPEG включите режим без перекодирования, для круга или скруглённых углов оставьте обычный режим.
5. Скачайте результат. Проверьте размеры и вес в панели результата и нажмите кнопку скачивания; для партии придёт один архив.

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

Когда использовать обрезку изображений

Кадрирование нужно всякий раз, когда площадка диктует пропорцию, а снимок в неё не укладывается. Автоматическая подгонка режет кадр по центру и обрезает именно то, что важно: голову модели, логотип или край товара. Ручная обрезка снимает этот риск, потому что решение принимаете вы.

• Карточки Wildberries и Ozon. Обе площадки строят выдачу под вертикаль 3:4, и квадратный снимок с другого маркетплейса здесь будет обрезан автоматически.
• Аватары VK и Telegram. Круглая обрезка сразу показывает, что попадёт в видимую область, а что срежется.
• Фото на документы. Формат 35×45 мм задаётся в миллиметрах напрямую, без перевода в пиксели на калькуляторе.
• Обложки для Дзена и VK. Широкие пропорции 1.91:1 и 16:9 закрывают превью ссылок и шапки сообществ.
• Объявления на Авито. Кадр обрезается так, чтобы товар занимал основную площадь, а не терялся среди фона комнаты.
• Скриншоты для инструкций. Лишние части интерфейса убираются, и на изображении остаётся только нужный блок.
• Иконки и логотипы. Квадратный кадр 1:1 готовит исходник, из которого затем собирается набор через генератор фавиконов.
• Единый стиль галереи. Пакетный режим приводит разношёрстные снимки к одной пропорции, чтобы лента не выглядела рваной.

Для документов PDF задача решается иначе: там обрезаются поля страницы, а не растровая картинка, и для этого используется обрезка PDF.

Примеры использования

Подготовка карточки товара для маркетплейса

Контекст: селлер снял партию товара на телефон в горизонтальной ориентации, а карточка требует вертикаль.

• Все снимки партии открываются в пакетном режиме, до 30 штук за заход.
• Задаётся кадр 900×1200 пикселей через ручной ввод чисел.
• Партия скачивается одним архивом и уходит в личный кабинет.

Результат: все фото карточки приходят к единой вертикали и проходят модерацию без повторной переделки.

Фото 35×45 мм для заявления

Контекст: портрет снят на хорошую камеру, но требуется строгий формат под печать и загрузку.

• Единицы переключаются на миллиметры, разрешение остаётся 300 DPI.
• В поля вписывается 35 и 45, рамка выставляется по лицу.
• Инструмент сам пересчитывает кадр в 413×531 пиксель.

Результат: снимок соответствует пропорции 35×45 мм и годится и для печати, и для загрузки в электронную заявку.

Круглый аватар для сообщества

Контекст: логотип нарисован в квадрате, а площадка обрезает аватар по кругу и срезает углы.

• Выбирается пропорция 1:1, чтобы круг получился ровным.
• Включается круглая маска, углы становятся прозрачными.
• Результат автоматически отдаётся в PNG с сохранением прозрачности.

Результат: аватар выглядит одинаково и в круглой рамке, и в квадратных превью, где фон остаётся прозрачным.

Кадрирование архива фотографий без потерь

Контекст: фотограф отдаёт клиенту JPEG прямо с камеры и не хочет терять качество на обрезке.

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

Результат: клиент получает кадрированные снимки того же качества, что и оригиналы из камеры.

Если из обрезанных кадров нужно собрать сетку или сравнение «до и после», пригодится создание коллажа, а для отправки подборки одним документом подойдёт конвертация JPG в PDF.

Обрезка JPEG без потери качества: как это работает

Режим без потерь не декодирует изображение вообще, а работает со сжатыми коэффициентами напрямую. Инструмент читает блоки JPEG, отбрасывает те, что оказались за пределами рамки, и записывает оставшиеся обратно с нетронутыми таблицами квантования исходника. Для сжатых данных строятся свежие оптимальные таблицы Хаффмана, а качество не пересчитывается.

Разница заметна на цифрах. На снимке 1600×1200, обрезанном до 960×720, обычное перекодирование меняет больше 920 000 цветовых каналов. Тот же кадр в режиме без потерь не меняет ни одного, и вес файла остаётся прежним.

Ограничения режима без потерь

Режим без потерь работает не со всеми файлами, и честный список ограничений здесь полезнее красивого обещания.

• Только базовые JPEG. Прогрессивные, арифметически кодированные, 12-битные и CMYK-файлы отклоняются и уходят в обычный режим, который всё равно подстраивается под качество исходника.
• Привязка к сетке блоков. Левый верхний угол кадра встаёт на границу 16×16 пикселей, а для файлов без субдискретизации цветности на 8×8; снапнутый прямоугольник показывается заранее, а не подставляется молча, как это делает классическая консольная утилита.
• Края в пределах двух пикселей. Пиксели у новой границы могут слегка отличаться, потому что декодеру неоткуда взять соседний блок за краем; всё, что внутри, идентично исходнику.
• Поворот, зеркало и скругление недоступны. Все три операции требуют пикселей, поэтому выбор режима без потерь сбрасывает уже применённый поворот, чтобы предпросмотр не обещал того, чего не будет в файле.
• Обрезка не добавляет детали. Маленький фрагмент, растянутый на большую печать, останется мягким, и это не лечится.

Размеры кадра под российские площадки

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

Пропорция 3:4 в наборе пресетов отсутствует, поэтому её задают вручную числами: это единственный способ получить ровную вертикаль маркетплейса. Интерфейс переведён на 18 языков, включая русский, а внешние сервисы и ключи доступа не используются, потому что серверных вызовов здесь нет.

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