Я знаю, что автоматическое вращение файлов JPG отключено в браузерах.
Они не могут включить его, потому что это нарушит расположение некоторых веб-сайтов.
Есть ли свойство CSS? или код javascript для этого? или что-то другое? или, возможно, решение этой проблемы еще не существует?
из спецификаций 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: https://gist.github.com/runeb/c11f864cd7ead969a5f0
Я думаю, что поворот изображения на сервере с такими инструментами, как imagemagick, слишком накладные.
Браузер может поворачивать изображение, но веб-приложение должно дать совет, как его явно вращать.
Это явное вращение браузера может быть выполнено следующим образом: fooobar.com/questions/164558/...
Мы используем imagemagick для поворота изображений в соответствии с их информацией об ориентации exif. Возможно, это было бы для вас вариантом?
Как сказал предыдущий плакат, вам нужно будет повернуть изображение самостоятельно. Но рядом с этим вы также можете установить / reset тег вращения в EXIF. Таким образом, вы избежите того, что зрители, которые уважают тег ориентации, снова повернут. Инструмент, который может редактировать EXIF для вас, называется ExifTool и является бесплатным.