Обрезать изображение
Оставьте нужную часть изображения без изменения её размера. Переместите рамку или введите точные координаты в пикселях, затем создайте и скачайте результат.
Как обрезать изображение
- Выберите локальный JPG, PNG или WebP. Инструмент декодирует неподвижный снимок с учётом ориентации и сначала выделяет всё изображение; анимация не сохраняется.
- Переместите или измените рамку, введите пиксели в поля либо используйте кнопки уменьшения и увеличения. Свободный режим допускает любые целые размеры; фиксированная пропорция задаёт центрированную область.
- Выберите PNG или JPEG и нажмите «Обрезать». Проверьте фактические размеры и предпросмотр, затем скачайте файл. Изменение области или формата удаляет прежний результат.
Как выбираются пиксели
Обрезка удаляет пиксели вне прямоугольника, а изменение размера меняет количество пикселей изображения. Здесь область не увеличивается и не уменьшается: ширина 600 пикселей останется равной 600 пикселям независимо от размера предпросмотра.
Поля «Слева» и «Сверху» отсчитываются от левого верхнего угла после применения ориентации и начинаются с нуля. Ширина и высота должны быть положительными, а вся область — помещаться в изображение.
Фиксированная пропорция создаёт максимальный центрированный прямоугольник из целых блоков. Например, при 4:3 ширина кратна четырём, высота — трём. Непарные лишние пиксели остаются справа или снизу; для других размеров выберите свободный режим.
PNG сохраняет доступную прозрачность. JPEG помещает прозрачные области на белый фон и передаёт браузеру подсказку качества 0,92; это не означает уменьшение размера на 92%. Обработка цвета и перекодирование могут изменить файл и метаданные.
Пример обрезки
Изображение 800 на 600 превращается в центрированный квадрат 600 на 600 с координатами Слева 100 и Сверху 0. Результат остаётся размером 600 на 600 пикселей.
Для 16:9 на том же изображении координаты — 0 и 75, размеры — 800 на 450. Для 3:2 координаты — 1 и 34, размеры — 798 на 532: пропорция точна в целых пикселях.
Нажмите «Загрузить пример», чтобы попробовать локальное четырёхцветное изображение. Перемещайте рамку или меняйте поля и сравнивайте выделение с результатом. Изображение не загружается с другого сайта.
Форматы, ограничения и сохранность
Поддерживается один непустой JPEG, PNG или WebP до 20 000 000 байт. После декодирования каждая сторона не должна превышать 16 384 пикселя, а площадь — 40 000 000 пикселей. Это не гарантия использования памяти до декодирования; браузер может не справиться и с меньшим файлом.
Проверенный результат PNG или JPEG не должен превышать 40 000 000 байт. PNG может быть больше исходника. При ошибке выберите меньшую область или другой формат: инструмент не уменьшает изображение и не подменяет файл автоматически.
Инструмент не выполняет пакетную обработку, выбор кадров, круглую обрезку, удаление фона или поворот и не является средством защищённого редактирования. Контейнер метаданных исходника намеренно не копируется, но удаление метаданных или криминалистическая очистка не гарантируются.
Локальные файлы и скачивание
Инструмент обрабатывает выбранное изображение в браузере без дополнительной отправки и сохранения истории ввода или данных файла в адресе страницы. Файл скачивается только по вашему запросу. Обычные службы сайта и настройки согласия действуют отдельно.
Вопросы об обрезке
Источники
Оригинальные англоязычные материалы описывают отрисовку и кодирование в браузере, геометрию окна и альтернативу перетаскиванию. Возможности браузеров различаются; округление и предустановки определены этим инструментом.
- html.spec.whatwg.orgWHATWG HTML: отрисовка изображений на canvas
- html.spec.whatwg.orgWHATWG HTML: сохранение изображения canvas
- html.spec.whatwg.orgWHATWG HTML: декодирование и ориентация ImageBitmap
- drafts.csswg.orgЧерновик редакторов CSSOM View: границы элемента (в разработке)
- w3.orgWCAG 2.2: перемещения перетаскиванием
Редакционная проверка: 4 ноября 2026 г. Источники не сертифицируют эту реализацию.
Похожие инструменты
SVG в PNG
Преобразуйте SVG-файл или вставленный код в PNG: задайте размер, прозрачный фон или цвет и используйте встроенные шрифты.
Открыть инструмент — SVG в PNGГенератор CSS-фильтров
Настройте порядок эффектов, сравните образец и скопируйте объявление filter.
Открыть инструмент — Генератор CSS-фильтровКалькулятор плавного размера шрифта
Задайте размеры шрифта для двух значений ширины окна. Скопируйте CSS с единицами rem и изучите модель, рассчитанную по тем же коэффициентам, что и в коде.
Открыть инструмент — Калькулятор плавного размера шрифтаГенератор CSS-кнопок
Настройте состояния кнопки, проверьте фокус клавиатуры и скопируйте HTML и CSS.
Открыть инструмент — Генератор CSS-кнопокГенератор CSS border-radius
Настройте восемь радиусов, посмотрите результат и скопируйте CSS в пикселях или процентах.
Открыть инструмент — Генератор CSS border-radiusГенератор CSS Grid
Создайте пример CSS Grid с дорожками, размещением и именованными областями. Просматривайте, копируйте CSS и HTML или скачивайте полный пример.
Открыть инструмент — Генератор CSS GridГенератор CSS Flexbox
Создайте пример Flexbox с элементами управления контейнером и элементами, явными осями макета, соответствующими CSS и HTML, а также локальной загрузкой полного примера.
Открыть инструмент — Генератор CSS FlexboxГенератор CSS-тени текста
Создавайте упорядоченные тени текста, просматривайте пример и копируйте точный CSS.
Открыть инструмент — Генератор CSS-тени текстаГенератор преобразований CSS
Создавайте повторяемые двумерные преобразования CSS, редактируйте px или процентный перевод и начало координат, проверяйте поле ссылки и копируйте точные текущие объявления.
Открыть инструмент — Генератор преобразований CSSГенератор теней CSS
Создавайте упорядоченные слои box-shadow с предпросмотром и копируйте код.
Открыть инструмент — Генератор теней CSSВодяной знак на изображениях
Добавьте текст или логотип к изображениям, проверьте результаты и скачайте отдельные файлы или ZIP.
Открыть инструмент — Водяной знак на изображенияхГенератор CSS-градиентов
Создавайте линейные и радиальные градиенты с цветами, непрозрачностью и позициями.
Открыть инструмент — Генератор CSS-градиентовКонвертер цветов
Преобразуйте поддерживаемые значения sRGB HEX, RGB и HSL с альфа-каналом и указанной точностью.
Открыть инструмент — Конвертер цветовИзображение в текст (OCR)
Распознавайте печатный текст на локальных PNG и JPEG, выбирайте язык и проверяйте результат перед копированием или скачиванием.
Открыть инструмент — Изображение в текст (OCR)Чтение QR-кода из изображения
Прочитайте один QR-код из локального PNG или JPEG и проверьте текст или байты, не открывая ссылки.
Открыть инструмент — Чтение QR-кода из изображенияПроверка контрастности цветов
Сравните цвета переднего плана и фона, настройте непрозрачность и проверьте числовые пороги контрастности WCAG для текста и важных деталей интерфейса.
Открыть инструмент — Проверка контрастности цветовКалькулятор размера печати и разрешения
Рассчитайте размер отпечатка, нужное число пикселей и фактическое PPI с полями или обрезкой.
Открыть инструмент — Калькулятор размера печати и разрешенияКалькулятор соотношения сторон
Найдите соотношение ширины и высоты или рассчитайте новый размер в пикселях по одной заданной стороне.
Открыть инструмент — Калькулятор соотношения сторонСжатие изображений
Попробуйте уложить JPEG, PNG или WebP в заданный размер файла: проверьте результат и при желании уменьшите размеры изображения.
Открыть инструмент — Сжатие изображенийHEIC в JPG
Преобразуйте поддерживаемые HEIC-фото в полноразмерные JPG в браузере. Настройте качество и фон, скачайте проверенные файлы по отдельности или в ZIP.
Открыть инструмент — HEIC в JPGКонвертер изображений
Конвертируйте поддерживаемые PNG, JPEG и WebP локально, настройте прозрачность, фон и качество и скачайте проверенные результаты.
Открыть инструмент — Конвертер изображенийСоздать фотоколлаж
Расположите фотографии в сетке и скачайте PNG или JPEG.
Открыть инструмент — Создать фотоколлажПоворот и отражение изображений
Поверните или отразите набор локальных статичных PNG, JPEG и WebP, затем проверьте и скачайте обработанные изображения.
Открыть инструмент — Поворот и отражение изображенийИзменить размер изображения
Измените размер JPG, PNG или WebP в пикселях или процентах, проверьте результат и скачайте его.
Открыть инструмент — Изменить размер изображения