Where did you install Firefox from? Help Mozilla uncover 3rd party websites that offer problematic Firefox installation by taking part in our campaign. There will be swag, and you'll be featured in our blog if you manage to report at least 10 valid reports!

Avatar for Username

Search Support

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

Le thread ibilondoloziwe. Nceda ubuze umbuzo omtsha ukuba ufuna uncedo.

Rotated Images in Firefox for Android

  • 2 iimpendulo
  • 1 inayo le ngxaki
  • 1 view
  • Impendulo yokugqibela ngu alan.white

alan.white
alan.white
more options

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?
Iqhotyoshelwe imifanekiso ekwisikrini

Isisombulu esikhethiweyo

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

Funda le mpendulo kwimeko leyo 👍 0

All Replies (2)

TyDraniu
TyDraniu
  • Top 10 Contributor
more options

Isisombululo esiKhethiweyo

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 Umnini wombuzo
more options

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.