Короткий ответ
Чтобы уменьшить изображение без искажений, меняйте ширину и высоту пропорционально. Надёжнее всего зафиксировать соотношение сторон и изменить только одну сторону.
В Helionix Resize можно уменьшить изображение с сохранением исходной геометрии.
Почему изображение растягивается
Растяжение появляется, когда новая ширина и высота меняются в разных пропорциях. Исходник 1600 × 900 — это 16:9. Размер 800 × 600 уже имеет другую форму, поэтому без crop возникнет деформация.
Что такое соотношение сторон
Это отношение ширины к высоте. 1600 × 900, 1280 × 720 и 800 × 450 имеют одинаковое 16:9 и масштабируются друг в друга без изменения формы.
Как рассчитать новую высоту
Для фото 2400 × 1600 при ширине 1200 px высота равна 800 px: обе стороны уменьшены вдвое.
Уменьшение по максимальной стороне
Если требование звучит «не больше 1600 px», ограничьте длинную сторону и пересчитайте вторую. Горизонтальный 4000 × 3000 станет 1600 × 1200; вертикальный 3000 × 4000 — 1200 × 1600.
Почему нельзя просто вписать любые два числа
Если конечный прямоугольник другой формы, это уже не только масштабирование. Нужно выбрать между обрезкой, полями и деформацией.
- Resize меняет масштаб.
- Crop обрезает область.
- Padding добавляет поля.
- Stretch деформирует содержимое.
Как уменьшение влияет на качество
Несколько исходных пикселей представляются меньшим количеством конечных. Часть данных отбрасывается, но качественный ресэмплинг делает потерю визуально минимальной.
Почему текст и линии страдают сильнее
Однопиксельная линия может исчезнуть при сильном уменьшении. Поэтому скриншоты интерфейсов, схемы и мелкий текст нужно проверять в реальном масштабе.
Нужно ли уменьшать перед загрузкой на сайт
Если файл намного больше реального блока, предварительный resize полезен: браузеру не придётся скачивать лишнюю геометрию. Но слишком маленькая копия потом может растягиваться и терять резкость.
Безопасный алгоритм
- Работайте от оригинала.
- Определите максимальную нужную сторону.
- Включите сохранение пропорций.
- Измените одну сторону.
- Проверьте важные детали.
- После этого при необходимости отдельно сожмите файл.
Уменьшить изображение с сохранением пропорций →
Частые ошибки
- Отключить lock aspect ratio.
- Перепутать пиксели с весом файла.
- Перезаписать единственный оригинал.
- После уменьшения снова растянуть изображение.
- Использовать одну огромную копию и для карточки, и для полноэкранного просмотра.
Итог
Если нужна та же композиция без искажений, сохраняйте соотношение сторон. Если требуется другая форма, подключайте crop или поля.