Ответ 1

Ориентация изображения CSS: from-image

из спецификаций https://www.w3.org/TR/css4-images/#the-image-orientation

6,2. Ориентация изображения на странице: свойство "ориентация изображения"

ориентация изображения: from-image

from-image: Если изображение имеет ориентацию, указанную в ее метаданных, например EXIF, это значение вычисляется под углом, который указывает метаданные, чтобы правильно ориентировать изображение. При необходимости этот угол округляется и нормализуется, как описано выше для значения. Если в своих метаданных не указана ориентация, это значение вычисляется до '0deg.

Соответствие Chrome-проблеме: https://bugs.chromium.org/p/chromium/issues/detail?id=158753

Но поддержки браузера еще нет: https://developer.mozilla.org/en/docs/Web/CSS/image-orientation#Browser_compatibility

Повернуть через JS

Для этого есть фрагмент JS: https://gist.github.com/runeb/c11f864cd7ead969a5f0

Мое заключение

Я думаю, что поворот изображения на сервере с такими инструментами, как imagemagick, слишком накладные.

Браузер может поворачивать изображение, но веб-приложение должно дать совет, как его явно вращать.

Это явное вращение браузера может быть выполнено следующим образом: fooobar.com/questions/164558/...

Ответ 2

Мы используем imagemagick для поворота изображений в соответствии с их информацией об ориентации exif. Возможно, это было бы для вас вариантом?

Ответ 3

Как сказал предыдущий плакат, вам нужно будет повернуть изображение самостоятельно. Но рядом с этим вы также можете установить / reset тег вращения в EXIF. Таким образом, вы избежите того, что зрители, которые уважают тег ориентации, снова повернут. Инструмент, который может редактировать EXIF ​​для вас, называется ExifTool и является бесплатным.