Перед началом
Сделайте копию файла и определите конечную пропорцию: например, 4:3 для карточки. Проверьте, останется ли после кадрирования достаточно исходных пикселей для нужного размера.
Текстовое объяснение схемы
Кадр → Размер → Экспорт. Кадр 1200 × 900 имеет пропорцию 4:3. Для карточки 400 × 300 этого достаточно без растягивания. Для обложки 400 × 400 нужна другая композиция или безопасное квадратное кадрирование.
Как сделать
- Выберите Crop и задайте пропорцию, а не случайные ширину и высоту. Поместите главный объект внутри рамки. Не обрезайте важные детали у самого края: на разных экранах контейнер может показывать немного иной участок.
- Для обратимой работы отключите удаление обрезанных пикселей, если эта опция доступна в вашей версии. Сохраните рабочую копию в формате, поддерживающем слои; итоговый файл для сайта экспортируйте отдельно.
- Только после выбора кадра уменьшите изображение до требуемого размера. Если из исходника вырезан участок 600 × 450, получить из него настоящий детальный файл 1600 × 1200 обычным увеличением не получится.
.cover { width: 100%; aspect-ratio: 4 / 3; object-fit: cover; }Разберём пример
Кадр 1200 × 900 имеет пропорцию 4:3. Для карточки 400 × 300 этого достаточно без растягивания. Для обложки 400 × 400 нужна другая композиция или безопасное квадратное кадрирование.
Проверьте результат
Сравните до и после, проверьте лица, подписи и края. В браузере переключите узкий и широкий экран; object-fit: cover может дополнительно обрезать экспортированный кадр.
Где легко ошибиться
Canvas Size обрезает или расширяет холст; Image Size масштабирует изображение. Случайная подмена одной команды другой — частая причина исчезнувших частей рисунка.
Источники и продолжение
- Adobe — Resizing and pixel dimensions
- Как вырезать часть картинки с помощью Photoshop — 2009-11-19 (RU)
Схема и примеры: редакция Web Article. Схема объясняет принцип и не является снимком интерфейса или результатом испытания программы.