ToolBox ProБлогEnglish

Обрезка изображений

Обрезайте картинки прямо в браузере: выделение перетаскиванием, пресеты 1:1, 4:3, 16:9 или точные координаты. Файлы не покидают устройство.

Всё работает в вашем браузере — данные не отправляются на сервер.

Зачем точное кадрирование

Аватарка, которая обязана быть квадратной, баннер под конкретный слот, скриншот, где важен один фрагмент, — обрезка из тех мелочей, ради которых обычно открывают тяжёлый редактор. Этот инструмент делает ровно одно нужное действие прямо на странице: выделите рамкой область на картинке, при необходимости зафиксируйте пропорции и выгрузите результат в PNG.

Что умеет

  • Область обрезки перетаскивается прямо по изображению с точными значениями X/Y/ширины/высоты.
  • Пресеты пропорций: свободно, 1:1, 4:3, 16:9 и вертикальный 9:16.
  • Экспорт в PNG без потерь, вся обработка — на вашем устройстве.

Как пользоваться

  1. Перетащите изображение или выберите файл.
  2. Выберите пропорции и растяните рамку на нужной области.
  3. Подстройте координаты числами, нажмите «Обрезать» и скачайте PNG.

Как это работает

Выделение переводит координаты экрана в натуральные пиксели изображения, а экспорт рисует выбранную область на canvas через drawImage. Без библиотек и загрузок на сервер — обрезка происходит целиком в браузере.

Частые вопросы

Теряется ли качество при обрезке?

Сама обрезка проходит без потерь — экспортированный PNG содержит оригинальные пиксели выбранной области в полном разрешении.

Можно обрезать до точного размера?

Да. Выберите пресет пропорций, чтобы зафиксировать соотношение сторон, затем подстройте X, Y, ширину и высоту числами, пока рамка не совпадёт с нужным размером.

Похожие инструменты

Выбор цвета и конвертер

Выбирайте цвета и конвертируйте между форматами HEX, RGB, HSL и HSV

Конвертер HEX в RGB

Конвертируйте HEX-коды цветов в значения RGB и RGBA

Конвертер RGB в HEX

Конвертируйте значения RGB в HEX-коды

Генератор цветовых палитр

Создавайте цветовые палитры из базового цвета — комплементарные, аналоговые, триадные и другие

Проверка контрастности WCAG

Проверяйте коэффициенты контрастности цветов на соответствие WCAG AA и AAA

Генератор хеш-цвета

Генерируйте согласованные, детерминированные цвета из любой текстовой строки

← На главную