Руководство по обрезке изображений: свободная обрезка и фиксированное соотношение
Типичные сценарии обрезки
Обрезка изображений — одна из самых частых операций с изображениями. Разные сценарии требуют разных областей обрезки и соотношений сторон:
| Сценарий | Рекомендуемое соотношение | Типичный размер |
|---|---|---|
| Социальный аватар | 1:1 | 200×200, 400×400 |
| Фото на документ | 1:1.4 | 295×413 (1 дюйм) |
| Обложка WeChat | 2.35:1 | 900×383 |
| Миниатюра видео | 16:9 | 1280×720 |
| Изображение товара | 1:1 | 800×800 |
| Изображение для статьи | 4:3 | 1200×900 |
Свободная обрезка vs обрезка с фиксированным соотношением
Свободная обрезка
Свободная обрезка позволяет перетаскивать рамку выделения на любую ширину и высоту без ограничения пропорций. Используйте для:
- Удаления ненужных краёв
- Выделения неправильных областей
- Быстрого удаления водяных знаков или чёрных полос
Обрезка с фиксированным соотношением
Блокировка соотношения сторон гарантирует, что выделение всегда сохраняет одни и те же пропорции. Используйте для:
- Платформ со строгими требованиями к пропорциям
- Пакетного создания изображений с одинаковыми пропорциями
- Предотвращения искажений после обрезки
Распространённые соотношения:
| Соотношение | Ширина:Высота | Типичное использование |
|---|---|---|
| 1:1 | Квадрат | Аватары, товары, Instagram |
| 4:3 | Классический экран | Изображения для статей, PPT |
| 16:9 | Широкоформатный | Обложки видео, YouTube |
| 3:2 | Фотография | Фото DSLR, Flickr |
| 9:16 | Портретный | Обои для телефона, Stories |
Использование инструмента обрезки изображений
Шаг 1: Загрузите изображение
Откройте Обрезка изображения, нажмите на область загрузки или перетащите изображение. Поддерживаются JPG, PNG, WebP, BMP до 50 МБ.
Шаг 2: Выберите режим обрезки
- Свободная обрезка: Перетаскивайте прямо на изображении
- Фиксированное соотношение: Выберите предустановленное соотношение (1:1, 4:3, 16:9 и т. д.) на боковой панели или введите пользовательское (напр., 21:9)
Шаг 3: Настройте выделение
Перетаскивайте углы и средние точки краёв для изменения размера, перетаскивайте внутри рамки для перемещения. Инструмент показывает итоговые размеры в реальном времени.
Шаг 4: Экспорт
Нажмите кнопку «Обрезать», просмотрите результат и скачайте. Нужно дополнительное изменение размера? Продолжите с Изменение размера изображения.
Что ещё после обрезки?
| Потребность | Рекомендуемый инструмент |
|---|---|
| Скорректировать обрезанные размеры | Изменение размера изображения |
| Уменьшить размер файла | Сжатие изображений |
| Конвертировать формат (напр., PNG→JPG) | Конвертация формата |
| Создать сетку 3×3 | Сетка 3×3 |
| Добавить водяной знак | Водяной знак |
Практические советы
Совет 1: Лучшие практики обрезки аватара
- Выберите анфасное, центрированное фото
- Выберите соотношение 1:1
- Расположите лицо немного выше центра (визуальный вес)
- Оставьте пространство вокруг головы — не обрезайте слишком плотно
Совет 2: Обрезка фото на документ
- Используйте пользовательское соотношение: 295:413 (1 дюйм) или 413:579 (2 дюйма)
- Центрируйте на переносице
- Обеспечьте симметрию от подбородка до лба и между плечами
Совет 3: Пакетная обрезка с одинаковым соотношением
Обрежьте первое изображение для подтверждения результата, затем примените те же настройки соотношения к последующим изображениям.
Частые проблемы
Изображение размыто после обрезки?
Сама обрезка не снижает чёткость. Размытость обычно означает, что исходного разрешения недостаточно или область обрезки слишком мала. Используйте Изменение размера изображения для масштабирования до нужного размера.
Размер файла увеличился после обрезки?
Файлы PNG могут увеличиться из-за изменения распределения цветов. Используйте Сжатие изображений для оптимизации.
Можно ли обрезать анимированные GIF?
Статическая обрезка сохраняет только первый кадр. Для покадровой обрезки сначала извлеките кадры с помощью Извлечение кадров GIF, затем обработайте каждый.
Итоги
Обрезка изображений — самая базовая и часто используемая операция. Освоение режимов свободной обрезки и обрезки с фиксированным соотношением охватывает аватары, фото на документы, обложки, изображения товаров и многое другое. В сочетании с Изменение размера изображения и Сжатие изображений вы можете обрезать, корректировать и оптимизировать за один раз — всё обрабатывается локально в браузере без загрузок.