Why the browser turns images in their own way?

I have add pictures. When you look at the file - it is in the portrait orientation. When you look at the page with the browser picture is displayed in landscape orientation. Why is this happening and how to make so that the picture is displayed as it should?
July 8th 19 at 12:00
3 answers
July 8th 19 at 12:02
Solution
Too faced with such.
Photo was taken with a phone, the EXIF is preserved in the original orientation.
Need to reset this info as an option - this can be done in photoshop through "save for web"
July 8th 19 at 12:04
Usually in the picture file there is meta-information in EXIF format.
In particular, it may contain information about how the camera was located at the time of shooting horizontally or vertically.
Then start the nuances of different browsers on a miscellaneous behave. Some take this information into account, some are not.
The same applies to image processing. Some inverted the image to remove rotation information, some will ignore a turn.
Yes, it's certainly the EXIF. - rhianna_Yost commented on July 8th 19 at 12:07
July 8th 19 at 12:06
as an option - it stretches. the image is not deformed?
no, it is rotated 90deg and becomes landscape - rhianna_Yost commented on July 8th 19 at 12:09
it is possible to work out the css or js or connected to some sort of third party type library gd2 etc - krista.Eichma commented on July 8th 19 at 12:12

Find more questions by tags HTMLCSS