ИНТЕРФЕЙСЫ / CROPPER.JS 2.3.1

Кадр, который нужен вам

8 задач: от аватара до обложки. Двигайте рамку, меняйте размер и скачивайте настоящее изображение.

Работает в браузереФайл не отправляетсяPNG · JPEG

1. Выберите задачу

2. Настройте кадр

Тяните рамку и её углы. Для точного управления используйте поля и кнопки ниже. Пустые области останутся прозрачными в PNG.

Рамка в пикселях рабочего поля

Заменить исходник или проверить ошибку

До 8 МиБ, 16 Мп, 8192 px по стороне. Без SVG, GIF и анимации. Содержимое остаётся в этой вкладке.

3. Получите результат

Подготавливаем редактор…

Высота по рамке. До 2048 px по стороне и 4 Мп. Увеличение не добавляет деталей.

Предпросмотр и скачивание используют один и тот же Blob. Реальный вес показан выше.

Код текущего экспорта

Фрагмент использует уже созданный редактор и его текущее поле. Полная реализация с обработкой файлов находится в исходниках.