CROP
IMAGE
IMAGE
ЗАГРУЗИТЬ
ФАЙЛ
Ожидание файла...
Превью
Загрузите изображение, чтобы начать.
Ожидание файла...
Загрузите изображение, чтобы начать.
Коротко об инструменте
Аватар в квадрат, превью для карточки, вырезанный фрагмент экрана для инструкции — во всех этих случаях важна не обработка, а точная рамка. Здесь она задаётся двумя способами: тянется мышью или пальцем прямо по картинке либо вбивается числами в поля Width px и Height px. Кнопка Center crop ставит рамку строго по центру кадра. Результат сохраняется в PNG без повторного сжатия, а исходник открывается кодом страницы у вас на устройстве. Смотрите также: задать точные ширину и высоту кадра, выровнять поворот и отзеркалить кадр, сжать готовый кроп перед загрузкой.
Включите Square в блоке Crop shape — ширина и высота будут меняться вместе, перекос исключён. Дальше задайте сторону в поле Width px: 512 подходит для профиля в большинстве соцсетей, 400 хватает для мессенджера. Рамку сдвиньте мышью так, чтобы лицо попало в кадр, и нажмите Download crop.
Слайдеры Width size и Height size доходят до 512, поэтому тянуть ими шире не выйдет. Числовые поля Width px и Height px принимают значения крупнее, а пресет Max разворачивает рамку по границам изображения. Для кадра во весь снимок надёжнее нажать Max, а не подбирать значения вручную.
Нет: вырезанная область копируется пиксель в пиксель и сохраняется в PNG — формат без потерь, повторного сжатия не происходит. Обратная сторона в весе: кадр из JPEG-фотографии в PNG может весить больше исходника. Если файл нужен полегче, прогоните результат через сжатие изображений.
Экспорт жёстко сделан в PNG, выбора формата на странице нет. Для скриншотов, логотипов и графики это плюс — ни артефактов, ни потери резкости на тексте. Для фотографии, которую вы отдаёте на площадку с лимитом веса, PNG избыточен: обрежьте здесь, а затем переведите файл в JPEG или WebP инструментом сжатия.
Да, рамка реагирует на касания: перетаскивание пальцем двигает кадр, а размеры проще выставить числами в полях Width px и Height px, чем слайдерами на маленьком экране. Кнопка Center crop экономит время на мобильном — она ставит рамку по центру без подгонки вручную.
Только по одной: загрузили, вырезали, скачали, затем положили следующий файл. Значения рамки при этом сохраняются, поэтому серию превью одного размера сделать несложно. Кнопка Reset нужна, когда пропорции изменились и рамку пора вернуть к исходному состоянию.
Нет, файл читается кодом страницы и рисуется на холсте внутри вашей вкладки; запросов с телом картинки страница не делает. Это заметно и по поведению: после загрузки страницы кадрирование продолжает работать без сети, потому что весь код уже находится в браузере.
До: photo.jpg 1920×1080, лицо смещено вправо от центра
После: Crop shape = Square, рамка 512×512, сдвинута мышью на лицо → avatar.png 512×512
До: screenshot.png 2560×1440, нужен только блок настроек в углу
После: Rectangle, Width px = 480, Height px = 320 → crop.png 480×320 без остального интерфейса
Оценка и фидбек помогают понять, что улучшать дальше.