Avatar for Username

Avoid support scams. We will never ask you to call or text a phone number or share personal information. Please report suspicious activity using the “Report Abuse” option.

Learn More

This thread was archived. Please ask a new question if you need help.

Rotated Images in Firefox for Android

  • 2 replies
  • 1 has this problem
  • 13 views
  • Last reply by alan.white

alan.white
alan.white

Hi. I am running Firefox for Android 68.10.0 and I am connecting to an Apache2 server on a Raspberry Pi. I have a page that displays family photos. On Firefox, some images appear rotated 90 degrees. The same images are fine on DuckDuckGo - see image. Any ideas on what I am doing wrong?

Hi. I am running Firefox for Android 68.10.0 and I am connecting to an Apache2 server on a Raspberry Pi. I have a page that displays family photos. On Firefox, some images appear rotated 90 degrees. The same images are fine on DuckDuckGo - see image. Any ideas on what I am doing wrong?
Attached screenshots

Chosen solution

Right. Following Chrome, Firefox has changed the default value of the image-orientation CSS property from none to from-image, which uses Exif data stored in JPEG images for rotation.

You have to add to your css file sth like img { image-orientation: none }

See https://developer.mozilla.org/en-US/docs/Web/CSS/image-orientation

Read this answer in context 👍 0

All Replies (2)

TyDraniu
TyDraniu
  • Top 25 Contributor

Chosen Solution

Right. Following Chrome, Firefox has changed the default value of the image-orientation CSS property from none to from-image, which uses Exif data stored in JPEG images for rotation.

You have to add to your css file sth like img { image-orientation: none }

See https://developer.mozilla.org/en-US/docs/Web/CSS/image-orientation

alan.white
alan.white Question owner

Brilliant, thanks. I tried rotating and re-saving the images to "fix" the XFIL data, but that didn't work. Your solution seems to have sorted me out - still very much a novice! Thanks again.