Что делает инструмент
Обрезка фото — самая частая операция при подготовке изображений для документов и соцсетей. На паспорт нужно 3×4, в Instagram квадрат, для веб-баннера 16:9. Этот инструмент даёт интерактивную обрезку с предпросмотром: выделяете нужную область мышью прямо на картинке.
Преимущество перед другими инструментами — в единстве UX: видите результат до сохранения, можете подвинуть выделение, изменить пропорции в один клик. Всё в браузере, файлы не уходят на сервер.
Как пользоваться
- Загрузите картинку — JPG, PNG или WebP до 25 МБ.
- Выберите соотношение сторон, если нужно стандартное (1:1, 16:9, 3×4 для паспорта). Или «Свободно» для произвольной формы.
- Перетащите мышью по картинке — нарисуете прямоугольник выделения. Видите тёмную маску вокруг — это будущая обрезка.
- Подвиньте выделение, кликнув внутри и потянув. Или введите точные X/Y/W/H в полях ниже.
- Выберите формат и качество вывода.
- Нажмите «Обрезать» — получите итоговую картинку с кнопкой скачивания.
Сценарии использования
- Фото 3×4 на паспорт. Пресет «3:4 (3×4 паспорт)» → подвинуть на лицо → обрезать. Размер пикселей подгоните инструментом «Изменить размер» до требуемого (обычно 300×400 или 600×800).
- Аватар для соцсетей. Пресет «1:1 квадрат» → центрируйте лицо → обрезать. Затем «Изменить размер» до 1080×1080.
- Превью YouTube. Пресет «16:9 видео» → выделить ключевой объект → обрезать → размер 1280×720.
- Скриншот для статьи. Свободный режим → выделить только релевантную часть → JPG для веба.
- Карточка товара. Пресет под маркетплейс (1:1 для Wildberries, 3:4 для некоторых) → центрировать товар.
- Удаление лишнего по краям. Свободный режим → отрезать края картинки.
ИСТОЧНИКИ
- Canvas 2D Context — drawImage with source rect. WHATWG. whatwg.org. 2024.
- Aspect ratios in photography and design. Various. wikipedia.org/wiki/Aspect_ratio_(image). 2024.
