Автоматически переворачивается изображение

[Vitaliy_Li]

Добрый день!
Подскажите пожалуйста в чем проблема и как исправить?
Добавляю изображение в товар размером 1500-2000 и в товаре оно показывается правильно, но в на Главное в блоке Новинки оно перевернуто, также перевернуто в самой категории.
Также имеются непонятки с форматами. При добалении формата png в товар, то изображения нет - просто белый фон везде в блоке Новинки на Главной, в Категории, в Товаре. Но при нажатии изображения в Товаре, то она выводится большим размером нормально.

[Aleks]

Возможно ошибка вызвана свойствами картинок.
Выложите здесь одну такую картинку. Посмотрим на локальном сервере в дефолтном сайте.
Желателен и скрин перевернутой картинки.
И такая ситуация во всех браузерах?
По сути картинки переворачивает браузер, а не OkayCMS.

[Vitaliy_Li]

Проверял на браузерах Firefox и Chrome. Также если картинку сделать квадратную, например 2000*2000, то показывается как положено. Скрины и само фото по сссылке на гугл диске.
https://drive.google.com/drive/folders/1av8tBX7vq9b8rwSMTR1Uc-ahon9otJhb?usp=drive_link

[Aleks]

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

[Vitaliy_Li]

От души благодарю!
По поводу больших, то я в курсе. Это просто был тест, а так думал делать конверт в формат WEBP для хорошего сжатия без потери качества и размером 1000х1000.

Дополню..
Посмотрел на файл оригинал и там все правильно 3024х4032. Тогда не понятно

Еще дополню....
А вот после загрузки на сайт изображения и потом скачавши его с сайта, то ставится не правильное соотношение 4032х3024

В общем решил таким способом...
Уменьшил размер изображения в стандартном Paint на 750х1000 и сконвертировал в формат WEBP, то все стало изображаться нормально
НО, если даже в измененном стандартном формате jpg загрузить, то все равно переворачивает

Также в формате png вообще не хочет отображаться изображение

Не может же, что это все проблема в изображении

Добавлено спустя 39 минут 44 секунды:
Что уже начинает напрягать такая мелочь с форматами изображений.
Были изображения брендов в формате png, они показывались на главное просто как белое окно. Поменял на формат WEBP, появились на гланой, но в категории Бренды все равно изображения не выводятся, а просто надпись бренда.

[Aleks]

Мне кажется, что Вы не поняли основную суть.
У Вас "Посмотрел на файл оригинал и там все правильно 3024х4032. Тогда не понятно"
Да, если открыть файл просмотрщиком и прочесть разрешения, которые он указывает, то там будет написано правильно: 3024х4032.
Но все дело в ПАРАМЕТРАХ картинки.
А их можно увидеть только в Свойствах:
Смотрим свойства: Правой кнопкой по картинке-Свойства-Подробно (вверху) и читаем параметры.
А там будет: размеры 4032Х3024, ширина 4032, высота 3024. Браузеры ориентируются на параметры и поворачивают картинку так, чтобы по горизонтали было 4032, по вертикали 3024.
Не мучайтесь. Возьмите irfanview. https://www.irfanview.com. Или какой-либо другой. Но не Paint. Он ПАРАМЕТРЫ не изменяет.
Откройте картинку и сохраните в jpg. И все проблемы исчезнут.
И в Свойствах будут указаны правильные параметры.
Выложите картинку в формате png. Интересно, что там за ошибка.

[Vitaliy_Li]

Загрузил на гугл диск. Также приложил скрин того, что у меня в параметрах показывает правильно. Но этот вопрос можно игнорить, решения есть.

А вот с выводом изображения брендов непонятно, Зайдите на сайт и вам тогда наглядно будет видно, что картинка png (украинское производство) отображается только в товаре, но не отображается на ГЛАВНОЙ в блоке БРЕНДЫ и не отображается в КАТЕГОРИИ БРЕНДЫ.

Также картинка в WEBP (любые другие названия брендов) отображается на ГЛАВНОЙ и в ТОВАРЕ, но не отображается в КАТЕГОРИИ БРЕНДЫ.

Также посмотрел через файловый менеджер после загрузки картинки бренда сайт сам создает файлы разных размеров на эту картинку, например такие файлы с разрешением 120х100 120х60 100х50 55х55

[Aleks]

По изображениям брендов. Тестировал Вашу картинку png в версии 4.2.1 на локальном сервере OpenServer.
Картинка бренда абсолютно везде отображается.
Возможная причина у ВАС - не включена Активность См. в админке Каталог-Бренды. Справа Активность, включить зеленую кнопку.
Бренд в формате webp не открывается на Главной и в горизонтальном меню Бренды. А так везде отображается.
Причина в OkayCMS версии 4.2.1. Решение смешное: отключить в админке-Настройка сайта-Настройка каталога Поддержку webp и картинки бренда в формате webp отображаются везде.
Немного позже посмотрю и в 4.3.4. Там еще не смотрел как работает поддержка webp. Может исправили этот ляпсус.

Добавлено спустя 40 минут 23 секунды:
В 4.3.4 ляпсус остался прежний.
При включенной поддержке webp картинки брендов в формате webp не открываются. Картинки товара в формате webp открываются.
При отключенной поддержке webp все картинки webp брендов и товара везде открываются.
Мораль:
1. Отключить поддержку webp и использовать картинки в формате jpg. Как говорится от греха ляпсуса подальше.
2.Использовать для исправления параметров картинок irfanview.com. У него есть прекрасное пакетное преобразование размеров картинок.
Также есть возможность уменьшения веса картинок путем снижения качества. Практически снижение качества до 50% дает приемлемый результат.
Успехов.

[Vitaliy_Li]

Огромное благодарствие!
Выбрал вариант с отключением webp, но загрузил в webp. Все хорошо и везде показывается