belun.app Блог EN

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

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

Человек обрезает фото на экране ноутбука с помощью инструмента обрезки

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

Сначала пропорции, потом рамка

Большинство ошибок при обрезке — от того, что про соотношение сторон забыли. У каждой площадки оно своё:

  • посты в ленте Instagram: 1:1 (квадрат) или 4:5 (вертикаль);
  • сторис в Instagram и TikTok: 9:16;
  • превью на YouTube и большинство видеокадров: 16:9;
  • печать фото 10×15: 3:2;
  • аватары в LinkedIn и большинстве профилей: 1:1.

Сначала выберите соотношение, потом двигайте рамку. Когда активен пресет вроде 16:9, рамка не потеряет форму, за какой угол ни тяни, — высота подстроится под ширину сама. Оставьте «Свободно», когда подрезаете скриншот или вырезаете чек: там форма роли не играет.

Обрезка — это не изменение размера

Эти две вещи постоянно путают. Обрезка убирает части изображения за пределами рамки, а оставшиеся пиксели сохраняют исходную детализацию. Изменение размера масштабирует всю картинку, и вот тут появляется размытие.

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

Почему «в браузере» здесь действительно важно

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

Этот инструмент использует Canvas API браузера. Изображение читается в память на вашем устройстве, обрезка рисуется локально, и результат создаётся прямо там. Ничего никуда не отправляется. Можно отключить Wi-Fi после загрузки страницы — всё продолжит работать. Это хорошая проверка для любого инструмента, который называет себя приватным.

Пара моментов, на которых спотыкаются

JPEG перекодируется при каждом сохранении, и каждый проход чуть снижает качество. Если планируете обрезать, потом ещё раз и ещё, сохраняйте промежуточные версии в PNG, чтобы не накладывать сжатие на сжатие. Финальный вариант сохраните в JPEG, когда всё готово.

Прозрачность сохраняется только в PNG и WebP. Обрежете логотип с прозрачным фоном и сохраните в JPEG — фон зальётся чёрным или белым. Для всего с прозрачными областями оставляйте PNG.

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

Обрежьте прямо сейчас

Перетащите изображение в Обрезку изображений, выделите рамку, при необходимости выберите соотношение сторон и скачайте. Без аккаунта, без загрузки на сервер, без ожидания.

Попробуйте инструмент

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