Почему мое изображение вращается?

Question

У меня есть большая проблема с изображением, которое имеет более высокую высоту, а затем ширину. Посмотрите там:

http://www.ledgreen.cz/test.html

Я не понимаю, почему это изображение поворот вы можете кто-нибудь объяснить мне это?

Благодаря

Михал

Answer 1

По Wikipedia:

формат файл Сменных изображений (официально Exif, согласно спецификации JEIDA/JEITA/CIPA) является стандартом, который определяет форматов для изображений, звука и вспомогательных меток, используемых цифровыми камерами (включая смартфоны), сканеры и другие системы обработки изображений и s ound файлы, записанные цифровыми камерами.

С разными словами:

Почти все цифровые камеры и смартфоны сохранить фотографии с данными EXIF. Эти данные, такие как настройки камеры, ориентация изображения ... записываются камерой в файл изображения.

Данные EXIF ​​изображения, которое вы используете (указано в той же ссылке, которую вы указали: regex.info), имеет атрибут ориентации, установленный на 90 ° (Orientation : Rotate 90 CW).

Некоторые навигаторы или программы для редактирования изображений (например, GIMP, Photoshop, OS X Preview, OS X Finder) уважают флаг ориентации EXIF ​​и отображают изображение в вертикальном положении. Но другие могут игнорировать это.

Я нашел linked bug в страницах выпуска Chromium, где в соответствии с thakis@chromium.org:

По WebKit r132525, это делается при просмотра файлов изображений непосредственно. Это изменение пропустило сегодняшнюю канарейку на 15 ревизий, но это должно быть в завтрашнем дне.

Изображения упоминаться из HTML-файлов в элементах, не затрагиваются, намеренно для веб Compat - это можно было бы решить через явный отказ в с помощью CSS, как предложено Ноэль в комментарии 8, но это не сделано на момент.

Это не выглядит быть еще фиксированной ко мне, как показано в вашем Exemple в то время как я заметил, что некоторые сервисы Google, такие как Gmail, будет потреблять метаданные EXIF ​​с прикрепленными изображениями для вывода его с ожидаемой ориентацией.

Я думаю, упорядоченный список возможных решений этого, начиная с наиболее рекомендуемый будет:

1. Проверка настроек камеры или устройства, прежде чем принимать любое изображение отключить вращение в метаданных EXIF, когда эти снимки предназначен для использования на веб-страницах из-за несовместимости с несколькими веб-навигаторами.
2. Используйте редактор изображений. для переориентации изображения или отключения сброса Ориентировочный флаг EXIF.
3. Используйте CSS или его эквивалент переориентировать изображения на веб-страницах. (see exemple)

ПРИМЕЧАНИЕ: Некоторые в автономном режиме или онлайн приложения, такие как Jeffrey's Exif Viewer или exifdata.com может помочь разобрать и прочитать метаданные EXIF.