Тема: Фото на сайте поворачивается и плющится: что делать?

В последнее время на сайте всё чаще находят картинки, которые (в отличии от "превьюшек") отображаются повёрнутыми и сплющенными. При этом проблема наблюдается далеко не везде, а лишь в некоторых браузерах и операционных системах.

В чём причина поворота и искажения

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

Picture Orientation = rotated 90°

Такая информация вносится в файл фотоаппаратом, если при съёмке он повёрнут вертикально, и предназначена для того, чтобы программы-смотрелки могли правильно развернуть картинку при показе.

Если картинка ориентирована правильно, но в EXIF остаётся информация о том, что кадр требует поворота, некоторые браузеры поворачивают картинку согласно этой инструкции, тем самым искажая пропорции и изображение. Раньше браузеры игнорировали эту инструкцию, и корректно отображались все картинки. Но большинство новых версий браузеров уже учитытывает инструкцию о повороте изображения, что приводит к описанной проблеме.

Когда появляется эта проблема

Данная проблема появляется при использовании для подготовки картинок негодного программного обеспечения (например, программы Microsoft Paint (которую для работы с фото нельзя использовать вообще и никогда!). Под подозрением находятся и другие программы от Microsoft, поставляемые вместе с операционными системами. Такие неправильно работающие программы поворачивают картинку, но не убирают ненужную инструкцию об ориентации камеры из EXIF.

Что делать?

Все, у кого обнаруживается подобная проблема с картинками, нужно

1) установить нормальную программу (хороший бесплатный мультиплатформенный вариант - XnView; русский язык интерфейса поддерживается и выбирается во время установки);

2) открыть некорректно сохранённую картинку в фоторедакторе и повернуть её правильно (обычно на 90° в ту или другую сторону);

3) сохранить повёрнутое изображение;

4) загрузить исправленное изображение на замену (инструкция).

Re: Фото на сайте поворачивается и плющится: что делать?

Дмитрий Орешкин пишет:

2) открыть некорректно сохранённую картинку в фоторедакторе и повернуть её правильно (обычно на 90° в ту или другую сторону);

Часто этого недостаточно. Приходится поворачивать вначале в одну сторону, а потом обратно.

Re: Фото на сайте поворачивается и плющится: что делать?

В Фотошопе нужно просто открыть и пересохранить. Этого достаточно. Так как ориентация у снимка нормальная, только в exif косяк.

Re: Фото на сайте поворачивается и плющится: что делать?

Видимо, в разных фоторедакторах с проблемой несответствия картинки и метаданных разбираются по-разному.

Re: Фото на сайте поворачивается и плющится: что делать?

Написал проверку загружаемых файлов. Теперь "вертикальное" фото с некорректной информацией об ориентации загрузить будет нельзя.

Будет вот такое сообщение:

В EXIF файла "image.jpg" содержится некорректная информация об ориентации изображения. В некоторых браузерах из-за этого картинка будет показана повёрнутой и искажённой.

Обычно проблема возникает при обработке изображения в Microsoft Paint - никогда не используйте эту программу! Paint - не фоторедактор, он не предназначен для работы с фото!

Для обработки фото есть бесплатные русифицированные приложения, например - XnView (https://www.xnview.com/en/xnviewmp/).

Обработайте фото в фоторедакторе и загрузите снова.

Re: Фото на сайте поворачивается и плющится: что делать?

Это хорошо, что нельзя будет. Так и хочется проверить работу  smile.

Re: Фото на сайте поворачивается и плющится: что делать?

Здорово! Ну а ссылки на то, что нужно исправить, всё же жду smile

Re: Фото на сайте поворачивается и плющится: что делать?

Вот тут
https://www.plantarium.ru/page/image/id/23440.html
Done

https://www.plantarium.ru/page/image/id/86507.html
Done!!!

Отредактировано Лена Глазунова (2020-06-10 19:12:52)

Re: Фото на сайте поворачивается и плющится: что делать?

Спасибо, Светлана, подкинули работки smile

Re: Фото на сайте поворачивается и плющится: что делать?

Не за что  tongue  и всегда пожалуйста lol. Там ещё парочка каштанов размазанных была, но заморочилась их листать все.

Re: Фото на сайте поворачивается и плющится: что делать?

У первого автора очень много таких снимков, мне надолго sad ... У второго пока не смотрела.

Re: Фото на сайте поворачивается и плющится: что делать?

Сожалею Лена  roll. Могла бы, так помогла бы Вам.

Re: Фото на сайте поворачивается и плющится: что делать?

Да ладно, вполне моя карма  big_smile
Я чем угодно готова заниматься, только бы не программы писать smile

Re: Фото на сайте поворачивается и плющится: что делать?

Вот ещё - https://www.plantarium.ru/page/image/id/131895.html

Done

Отредактировано Лена Глазунова (2020-06-10 20:23:39)

Re: Фото на сайте поворачивается и плющится: что делать?

Спасибо! smile

Re: Фото на сайте поворачивается и плющится: что делать?

Кстати, припоминается, что у Владимира Дмитриевича был какой-то хитрый алгоритм сохранения снимков, с подвыподвертом... Чуть ли уменьшать размер за два приёма, боюсь, как бы не с поворотом на 90 градусов при этом... Это я к тому, что ну очень много снимков менять приходится.
Я не жалуюсь, просто поговорить охота  big_smile

Re: Фото на сайте поворачивается и плющится: что делать?

Была неправа про алгоритм, нашла то обсуждение, похоже, виноват Corel PhotoPaint...  hmm

Re: Фото на сайте поворачивается и плющится: что делать?

Вести с полей.  big_smile
Самый кошмар, когда фото с почти равными сторонами... Вот, например, зацените:

(upd уже заменено)
Я понимаю, что не страшно, если и пропущу, но я уже подозреваю всё подряд  roll
Я не жалуюсь, я просто констатирую факты, как говорило одно животное.

Так, я его пока не буду вращать. Чтобы желающие посмотрели.  smile

Отредактировано Лена Глазунова (2020-06-02 10:58:07)

Re: Фото на сайте поворачивается и плющится: что делать?

Лена Глазунова пишет:

когда фото с почти равными сторонами...

Вот поэтому рекомендую всем придерживаться стандартных пропорций кадров - 2:3, 3:4 и 1:1. Во всех нормальных фоторедакторах задать пропорции просто, а если это невозможно - программа для обработки фото непригодна (это даже не намёк).

Re: Фото на сайте поворачивается и плющится: что делать?

Кстати, если точно квадрат, тоже не фонтан будет — кадр будет повёрнут. Так что стандартные пропорции кадра тут мне не помогут smile
А вообще, я тут как-то недавно с начальницей своей спорила — она категорически не приемлет вертикальные кадры. Я думала, у неё это какая-то психологическая травма.  big_smile Но вот сейчас готова с ней согласиться: пристрастие к вертикальным кадрам и использованию Paint, сошедшиеся в одном пользователе — это просто жесть... (У начальницы просто такие вкусы, ей не приходилось крутить снимки smile )

Re: Фото на сайте поворачивается и плющится: что делать?

Какая-то застарелая травма? Вас в детстве укусил пират?

(с) Пираты! Банда неудачников big_smile

Re: Фото на сайте поворачивается и плющится: что делать?

Ещё нашла:
https://www.plantarium.ru/page/image/id/102479.html

Написала письмо автору

Отредактировано Лена Глазунова (2020-06-12 00:24:44)

Re: Фото на сайте поворачивается и плющится: что делать?

У того же автора:
https://www.plantarium.ru/page/image/id/106037.html
https://www.plantarium.ru/page/image/id/104076.html
https://www.plantarium.ru/page/image/id/106038.html
https://www.plantarium.ru/page/image/id/102290.html
https://www.plantarium.ru/page/image/id/100811.html
https://www.plantarium.ru/page/image/id/102297.html
https://www.plantarium.ru/page/image/id/102301.html
roll

Re: Фото на сайте поворачивается и плющится: что делать?

Если у автора что-то попалось, значит, и ещё будет smile Диалектика  neutral
Кстати, забавно, но я сегодня тоже это фото нашла smile

Re: Фото на сайте поворачивается и плющится: что делать?

Там ещё есть, присылать?