Мое предположение верно. Причина вашей ошибки кроется в свойствах картинок.
Смотрим свойства: Правой кнопкой по картинке-Свойства-Подробно (вверху) и читаем параметры.
А они такие: размеры 4032Х3024, ширина 4032, высота 3024
Т.е. все наоборот: ширина с высотой переставлены.
Вот браузер и поворачивает картинку на 90 градусов, чтобы положение ее соответствовало параметрам.
Все это зависит от того как располагалась камера в момент съемки - горизонтально или вертикально.
Ваша картина сделана в Apple IPhone 13 Pro
Решение архипростое.
Простым просмотрщиком открыть и сохранить картинку.
Рекомендую irfanview.
https://www.irfanview.com. Там есть и пакетное преобразование размеров картинок.
Вот что получили в результате:
Размеры 3024х4032, ширина 3024, высота 4032
Все стало в норме. Все работает на сайте без поворотов.
И не надо столь большие картинки грузить на сайт, чтобы получить при resize 600х600
Уменьшайте смело в 3-4 раза.
Мое предположение верно. Причина вашей ошибки кроется в свойствах картинок.
Смотрим свойства: Правой кнопкой по картинке-Свойства-Подробно (вверху) и читаем параметры.
А они такие: размеры 4032Х3024, ширина 4032, высота 3024
Т.е. все наоборот: ширина с высотой переставлены.
Вот браузер и поворачивает картинку на 90 градусов, чтобы положение ее соответствовало параметрам.
Все это зависит от того как располагалась камера в момент съемки - горизонтально или вертикально.
Ваша картина сделана в Apple IPhone 13 Pro
Решение архипростое.
Простым просмотрщиком открыть и сохранить картинку.
Рекомендую irfanview. https://www.irfanview.com. Там есть и пакетное преобразование размеров картинок.
Вот что получили в результате:
Размеры 3024х4032, ширина 3024, высота 4032
Все стало в норме. Все работает на сайте без поворотов.
И не надо столь большие картинки грузить на сайт, чтобы получить при resize 600х600
Уменьшайте смело в 3-4 раза.