Изменение размера vs обрезка: знай разницу
Оба делают изображения меньше. Они делают совершенно разные вещи.
"Сделай это изображение меньше" может означать две разные вещи.
Изменение размера: изменить размеры. Изображение 1000x1000 становится 500x500.
Обрезка: вырезать часть. Изображение 1000x1000 становится 500x500 путём удаления половины контента.
Путать их — это портить изображения.
Когда изменять размер
Тебе нужно целое изображение в других размерах.
- Миниатюры, показывающие полные изображения
- Адаптивные изображения для разных размеров экрана
- Уменьшение размера файла при сохранении всего видимым
Изменение размера масштабирует пропорционально (если ты не заставишь). Изображение 1600x900 на 50% становится 800x450. Тот же контент, меньше пикселей.
Когда обрезать
Тебе нужна часть изображения в полном разрешении.
- Портреты из групповых фото
- Удаление отвлекающих фонов
- Подгонка под конкретные соотношения сторон
Обрезка удаляет контент. Изображение 1600x900, обрезанное до центра 800x450, полностью выбрасывает края.
Проблема соотношения сторон
Твоё изображение 16:9. Тебе нужно 1:1 для аватара.
Вариант 1: Обрезка. Обрежь стороны, оставь середину. Ты теряешь контент.
Вариант 2: Изменение размера и letterbox. Масштабируй для подгонки, добавь пустое пространство. Ты сохраняешь всё, но добавляешь отступы.
Вариант 3: Обрезка, затем изменение размера. Обрежь до 1:1, затем масштабируй до целевого размера. Самый распространённый подход.
Ни изменение размера само по себе, ни обрезка сама по себе не решают несоответствия соотношения сторон изящно.
Сжатие — это снова другое
Изменение размера и обрезка меняют размеры. Сжатие уменьшает размер файла без изменения размеров.
Изображение 1000x1000 может быть:
- 5MB несжатое
- 200KB при качестве JPEG 85%
- 50KB при качестве 60%
Те же размеры, драматически разные размеры файлов.
Частые ошибки
Изменение размера без сохранения соотношения сторон. Изображения растягиваются или сжимаются. Всегда блокируй пропорции, если тебе конкретно не нужно искажение.
Обрезка и удивление, куда делся контент. Обрезка удаляет контент. Если тебе нужно всё видимым, измени размер вместо этого.
Слишком сильное увеличение масштаба. Увеличение маленького изображения создаёт размытие. Ты не можешь добавить деталь, которой не было. 2x увеличение обычно лимит, прежде чем качество страдает видимо.
Не учитываешь DPI. Веб-изображения обычно используют 72 DPI. Печать нуждается в 300 DPI. Те же размеры в пикселях выглядят по-разному в каждом контексте.
Практический рабочий процесс
- Начни с источника наивысшего разрешения
- Обрежь до правильного соотношения сторон и области контента
- Измени размер до целевых размеров
- Сожми до приемлемого размера файла
Порядок имеет значение. Обрезай сначала, изменяй размер вторым. Изменение размера перед обрезкой теряет разрешение без необходимости.
Изменяй размер для масштабирования. Обрезай для выбора контента. Сжимай для размера файла. Каждый инструмент решает разную проблему — используй правильный.