Обрезка изображений
Обрежьте изображение в браузере, перетаскивая рамку с маркерами или вводя X, Y, ширину и высоту, зафиксируйте соотношение, поверните или отразите и экспортируйте в PNG или JPEG.
Обрезка изображений — Обрежьте изображение, перетаскивая рамку выделения с угловыми маркерами прямо на предпросмотре, или вводя точные X, Y, ширину и высоту — рамка и числовые поля всегда синхронизированы. Зафиксируйте соотношение 1:1, 4:3, 3:2, 16:9, 2:3, 9:16 или произвольное, включите направляющие правила третей и поворачивайте с шагом 90° или отражайте изображение перед обрезкой. Всё выполняется с помощью Canvas API целиком в вашем браузере — изображение никогда не загружается — а перед экспортом в PNG или JPEG можно задать ширину вывода и качество JPEG.
Что такое Обрезка изображений?
Обрезка изображений — это бесплатный браузерный инструмент для обрезки картинки до точной прямоугольной области. Он удобен для создания квадратных аватаров, вырезания вертикальных кадров 9:16 для историй, исправления соотношения сторон баннера, удаления рамок или экспорта миниатюры заданного размера в пикселях — без открытия полноценного графического редактора. Вы задаёте обрезку, перетаскивая рамку с маркерами прямо на изображении или вводя смещение X и Y вместе с шириной и высотой; перетаскиваемая рамка и числовые поля — это одна и та же область обрезки, поэтому они всегда совпадают. Предустановки соотношения и произвольное соотношение ограничивают и поля, и маркеры, направляющие правила третей помогают с композицией, а поворот и отражение перед обрезкой позволяют сначала выровнять или зеркально отразить изображение. Результат обновляется автоматически, его можно масштабировать до ширины вывода и сохранить как PNG или JPEG.
Как пользоваться Обрезка изображений
- Перетащите или выберите изображение (PNG, JPG, WebP, GIF или любой формат, который может прочитать ваш браузер). Рамка обрезки сначала охватывает всё изображение, а поля X, Y, ширина и высота показывают её размер.
- Перетащите прямоугольник на предпросмотре, чтобы задать обрезку, потяните за угловой маркер, чтобы изменить размер, или перетащите внутри рамки, чтобы её переместить — числовые поля обновляются при перетаскивании, а ввод значений также перемещает рамку.
- При желании зафиксируйте соотношение (1:1, 4:3, 3:2, 16:9, 2:3, 9:16) или выберите «Произвольное» и введите свои Ш и В; соотношение ограничивает и поля, и маркеры перетаскивания.
- Откройте «Настройки», чтобы перед обрезкой повернуть изображение влево или вправо с шагом 90° либо отразить его по горизонтали или вертикали, и включите направляющие правила третей для композиции.
- При желании задайте ширину вывода для масштабирования результата (оставьте пустым, чтобы сохранить обрезанный размер), а для JPEG отрегулируйте ползунок качества.
- Выберите PNG или JPEG, следите за тем, как предпросмотр обрезки обновляется рядом с оригиналом, затем нажмите «Скачать», чтобы сохранить результат.
Примеры
Квадратный аватар с правилом третей
Перетащите портретное фото, установите соотношение 1:1, затем перетащите рамку на лицо — угловые маркеры сохранят её квадратной. Включите направляющие правила третей, чтобы выровнять глаза, оставьте PNG для сохранения прозрачности и скачайте аватар.
Вертикальная обрезка 9:16 для истории
Загрузите горизонтальное фото, при необходимости поверните и выберите предустановку 9:16. Перетащите внутри рамки, чтобы перекадрировать объект, затем задайте ширину вывода 1080, чтобы экспортируемый кадр был ровно 1080×1920, и сохраните как JPEG.
Попиксельная обрезка с масштабированием вывода
Оставьте соотношение на «Свободно» и введите X=120, Y=80, Ширина=400 и Высота=300 для точной области 400×300. Задайте ширину вывода 800, чтобы удвоить её до 800×600 с сохранением пропорций обрезки; статистика показывает итоговый размер.
Часто задаваемые вопросы
- Как выделить область обрезки?
- Перетащите прямоугольник на изображении, чтобы нарисовать новую рамку, потяните за угловой маркер, чтобы изменить размер, или перетащите внутри рамки, чтобы её переместить. Можно также ввести смещение X и Y, ширину и высоту — перетаскиваемая рамка и числовые поля — это одна и та же область обрезки, поэтому изменение одного обновляет другое.
- Какие соотношения можно зафиксировать?
- Можно зафиксировать 1:1, 4:3, 3:2, 16:9, 2:3 или 9:16 либо выбрать «Произвольное» и ввести своё отношение ширины к высоте. Зафиксированное соотношение ограничивает и поля ширины и высоты, и изменение размера угловыми маркерами, поэтому рамка всегда сохраняет эту форму; выберите «Свободно», чтобы задавать каждую сторону независимо.
- Можно ли повернуть или отразить перед обрезкой?
- Да. В «Настройках» можно повернуть изображение влево или вправо с шагом 90° и отразить его по горизонтали или вертикали. Преобразование применяется до обрезки, и как предпросмотр, на котором вы перетаскиваете, так и экспортируемый результат отражают его согласованно.
- Можно ли масштабировать вывод или изменить качество JPEG?
- Задайте ширину вывода, чтобы масштабировать обрезанное изображение; высота следует автоматически для сохранения пропорций обрезки, а пустое поле сохраняет обрезанный размер в пикселях. При экспорте в JPEG ползунок качества управляет уровнем сжатия.
- Какие выходные форматы поддерживаются?
- Можно экспортировать в PNG или JPEG. PNG сохраняет прозрачность; JPEG — нет, поэтому прозрачные области заполняются белым фоном, а размер файла управляется ползунком качества.
- Загружается ли моё изображение на сервер?
- Нет. Обрезка, поворот и отражение выполняются на 100% на стороне клиента в вашем браузере с помощью Canvas API. Ваше изображение никогда не загружается, не отправляется на наши серверы и не передаётся, поэтому даже личные и конфиденциальные снимки остаются на вашем устройстве.
Похожие инструменты
Конвертер форматов изображений
Конвертируйте изображения между AVIF, WebP, PNG, JPEG, BMP, ICO и однокадровым GIF прямо в браузере.
Excel/CSV в JSON
Преобразуйте таблицу Excel или CSV в JSON или CSV прямо в браузере.
Просмотр EXIF и удаление метаданных
Просматривайте EXIF-метаданные изображения — камеру, объектив, дату съёмки и GPS-местоположение — затем удаляйте каждый тег и скачивайте чистую копию, всё в вашем браузере.
Генератор фавиконов
Соберите полный пакет фавиконов в браузере: настоящий многоразрешённый favicon.ico, PNG от 16 до 512 px, site.webmanifest и HTML-фрагмент.