About
Язык: Русский Перейти на английский

Обрезка, поворот и отражение изображений

Обрежьте изображение по любому прямоугольнику, поверните на 90° или 180° и отразите горизонтально или вертикально. Поддержка PNG, JPG и WebP. Всё работает в вашем браузере.

Перетащите изображение сюда или
  1. Перетащите изображение или нажмите «выбрать».
  2. Опционально сначала поверните (±90°, 180°) или отразите (по горизонтали / вертикали) — это применяется немедленно и обновляет оверлей обрезки.
  3. Введите X / Y / Width / Height обрезки в пикселях. Заблокируйте пропорции (1:1, 4:3, 16:9 и т. д.), если хотите, чтобы ширина и высота оставались пропорциональными.
  4. Выберите формат вывода (PNG / JPG / WebP), нажмите Применить, затем Скачать.
Что это делает?

Обрезка вырезает прямоугольник из исходного изображения; поворот поворачивает его на 90° или 180° без интерполяции; отражение зеркалит по горизонтали или вертикали. Все три операции пиксельно точны — ничего не размывается и не передискретизируется до финального шага кодирования. Формат вывода не зависит от ввода: можно обрезать JPG и сохранить как PNG, или наоборот.

Пример

Вход:  4000 × 3000 JPG-пейзаж, 2.8 MB
Действие: поворот на 90° по часовой, обрезка до 1:1 при x=0 y=500 w=3000 h=3000
Выход: 3000 × 3000 JPG, качество 92 → ~520 KB

Типичные ловушки при обрезке

  • Пропорции заблокированы на неправильном числе. Если вы хотите thumbnail рил-формата 9:16, а дропдаун говорит 16:9, результат получится альбомным, а не портретным. Проверьте дропдаун соотношения, прежде чем вводить ширину / высоту.
  • Область обрезки выходит за пределы изображения. Запрос обрезки шириной 3000 px из источника шириной 2400 px обрезается до края источника. Если окно предпросмотра короче, чем ожидалось, ваша обрезка вышла за пределы.
  • Поворот после обрезки вместо до. Если вы обрезали до узкого прямоугольника и потом повернули на 90°, прямоугольник теперь лежит на боку. Сначала поворачивайте и отражайте — поэтому кнопки сгруппированы над полями обрезки.
  • Сохранили как PNG, когда хотели маленький файл. PNG на обрезке фото остаётся большим. Переключите Формат на JPG или WebP для фото; оставьте PNG для скриншотов, текста или изображений с прозрачностью.
  • Забыли нажать Применить. Изменение полей обрезки обновляет оверлей, но Скачать отправляет последний применённый результат. Нажимайте Применить после каждого изменения, которое хотите сохранить.
  • Обрезка телефонного фото с EXIF-поворотом. Некоторые телефоны хранят фото физически в альбомной ориентации, но с флагом поворота. Этот инструмент уважает флаг, но если другое приложение в вашем пайплайне нет, координаты обрезки могут сдвинуться.
Часто задаваемые вопросы

Почему числа обрезки X / Y / Width / Height в пикселях, а не в процентах?

Пиксели однозначны и совпадают с тем, что используют редакторы изображений. Если вы знаете, что источник 4000 × 3000, обрезка x=500, y=300, w=3000, h=2250 точна и воспроизводима. Обрезки на основе процентов дрейфуют, если изображение сначала повернуть или изменить размер.

Ухудшает ли поворот или отражение качество изображения?

Повороты на 90° и 180° и горизонтальные / вертикальные отражения — это перестановки пикселей без потерь, без интерполяции, без потери качества. Финальный шаг обрезки перекодирует в выбранный формат (PNG без потерь, JPG / WebP зависят от настройки качества).

Какие пропорции поддерживает инструмент?

Свободно (любая W × H), 1:1 (квадрат), 4:3 и 3:4 (стандартное фото), 16:9 и 9:16 (широкий экран / вертикальное видео). Блокировка пропорций автообновляет высоту при изменении ширины, так что область обрезки не может выйти из соотношения.

В какие форматы можно экспортировать?

Вывод может быть PNG, JPG или WebP независимо от формата ввода. PNG без потерь и лучше всего для скриншотов или графики с плоскими цветами. JPG и WebP с потерями и дают намного меньшие файлы для фото. WebP обычно на 25–35% меньше эквивалентного JPG.

Можно ли обрезать очень большое фото?

Да, в пределах памяти браузера. Источник декодируется через createImageBitmap и рисуется на canvas. Фото больше ~100 мегапикселей могут не декодироваться на телефонах с малой памятью. Если так, сначала измените размер источника, а потом обрезайте.

Сохраняете ли вы изображения, которые я здесь обрезаю?

Нет. Мы не сохраняем ни изображение, которое вы перетаскиваете, ни обрезанную версию, которую вы скачиваете. Всё отбрасывается в момент закрытия или обновления вкладки — никаких логов, никакой записи на нашей стороне о том, что вы обрезали. Если нужна дополнительная уверенность, DevTools вашего браузера это подтвердят.