Почему важно сохранять пропорции
При растяжении изображения изменение размеров в одном направлении больше, чем в другом, приводит к искажению. Изображение будет выглядеть вытянутым или сплющенным. Чтобы этого избежать, необходимо сохранять исходное соотношение ширины и высоты.
Adobe Photoshop — 3 основных способа
Способ 1: Трансформирование с блокировкой пропорций
Откройте изображение в Photoshop.
Нажмите Ctrl+T (или Edit → Free Transform).
На верхней панели инструментов включите значок цепочки (иконка «Сохранять пропорции»).
Тяните за любой угловой маркер — изображение масштабируется равномерно.
Способ 2: Изменение размера изображения через меню
Перейдите в Image → Image Size (Ctrl+Alt+I).
Убедитесь, что установлен флажок Constrain Proportions.
Введите нужную ширину или высоту — второе значение рассчитается автоматически.
Способ 3: Масштаб с учетом содержимого
Выберите Edit → Content-Aware Scale (Ctrl+Shift+Alt+C).
На панели параметров активируйте кнопку Protect skin tones для сохранения лиц и фигур.
Тяните за углы: важные детали не будут искажены.
Программы и онлайн-сервисы
Mac — приложение «Просмотр»
- Откройте изображение через «Просмотр».
- Выберите Инструменты → Настроить размер.
- Обязательно установите флажок «Изменить масштаб пропорционально».
Онлайн-сервис ResizePixel
Перейдите на ru.resizepixel.com.
Загрузите фото.
Введите одно измерение (ширину или высоту), система автоматически рассчитает второе, сохраняя пропорции;
Нажмите Resize и скачайте результат.
CSS: растяжение картинки без искажений
Для веб-разработчиков ключевые свойства — object-fit и aspect-ratio:
img {
width: 100%;
height: 100%;
object-fit: contain; /* или cover */
}
- contain — масштабирует изображение целиком, сохраняя пропорции; может появиться пустое пространство.
- cover — картинка заполняет контейнер, но может быть обрезана, зато пропорции сохраняются.
Microsoft Paint и другие простые редакторы
В Paint нажмите Ctrl+W (Resize).
Установите флажок Maintain aspect ratio.
Укажите новую ширину или высоту — вторая подставится автоматически.
Горячие клавиши и практические советы
| Программа | Клавиша для пропорций |
|---|---|
| Photoshop | Цепочка на панели или Shift (в старых версиях) |
| Paint | Shift + перетаскивание угла |
| Браузеры | object-fit: contain/cover в CSS |
Чек-лист перед сохранением
- Убедитесь, что включена блокировка пропорций (иконка цепочки, флажок и т. д.).
- Работайте только с угловыми маркерами, чтобы избежать неконтролируемого растяжения.
- После трансформации проверьте цифры на панели параметров: ширина и высота должны изменяться синхронно.
- Сохраните результат в формате без потерь (PNG, TIFF) для максимального качества.
Следуя этим простым правилам, вы сможете растягивать изображения без искажений и сохранить профессиональный вид ваших фотографий и графики.