Обрезка и изменение размера — локально
Обрезайте или меняйте размер в браузере: свободное выделение, пропорции (1:1, 16:9…) и частые размеры. Шаги: выберите фото, кадрируйте или выберите пресет, задайте ширину×высоту, скачайте JPEG/WebP/PNG. Пример: квадрат 512×512 для аватара — локально; экспорт обычно удаляет EXIF.
Как это работает
Выберите фото, зафиксируйте пропорции или нарисуйте свободно, задайте ширину×высоту (или пресет) и экспортируйте. Рамка на экране переводится в пиксели источника, рисуется на canvas и кодируется toBlob. Режим только resize — contain/cover. Без загрузки; перекодирование обычно снимает EXIF.
Ожидаемые правила
Обрезка и изменение размера — один конвейер. Проверьте это, прежде чем запрашивать больше пикселей, чем в выделении.
- Исходный прямоугольник в пикселях оригинала, не масштабированного превью.
- drawImage рисует в размер выхода. v1 не увеличивает: при превышении — clamp и предупреждение.
- Пресеты пропорций меняют выделение; пиксельные — заполняют W×H. «Как выделение» копирует рамку.
- Конфиденциальность: без загрузки. Canvas обычно убирает EXIF. Для меньшего КБ — компрессор после обрезки.
Пример
Образец 1600×1000 с 1:1 даёт JPEG 512×512 ~0,9. Смените на 16:9 и 1920×1080 для обложки (ограничится, если кадр меньше). Длинная сторона 1200 пропорционально уменьшает всё фото.
Подходящие задачи
- Аватары: 1:1 на 512 или 256.
- Обложки: 16:9 или размеры вроде 1200×630.
- Веб: длинная сторона 1200 или ширина 800 перед загрузкой.
Frequently asked questions
Изображение покидает браузер?
Нет. Всё локально. В Network не должно быть POST изображения.
Увеличивает ли маленький кадр?
Нет. Если выход больше выделения — ограничение и предупреждение.
Чем отличается от компрессора?
Здесь кадр и пиксели; компрессор — про КБ. Используйте после обрезки.
Нужен другой инструмент для квадрата и 16:9?
Нет. 1:1, 16:9 и др. — пресеты на этой же странице.
Сохраняется ли EXIF?
Обычно нет. Перекодирование canvas убирает метаданные; сначала смотрите в EXIF-инструменте.
Анимированные GIF остаются анимированными?
Нет — только первый кадр.
Вопросы и отзывы
Что-то неясно, сломано или отсутствует? Напишите сообщение ниже — мы читаем каждую заметку об этих инструментах.