iPhone/iPad website body background image scales wrong when using jpg

I had a website i was working on http://www.indiansummerfestival.nl and i used a body background image in the top header image.
In every browser and on any Android device the body background image was scaled proportionally with the zoomlevel of the website on the device/screen.

But on iPhone and iPad the body background image was scaled to 100% width… On an iPhone the site was properly zoomed out to fit the width of the screen, but the body background image zoomed out more.. this messed up the design.

After spending some time figuring out what could cause this i finally found the solution.
When you save your jpeg as a Progressive jpeg it worked as expected.

1 Comment »

One Response to “iPhone/iPad website body background image scales wrong when using jpg”

  1. Roland A. Reynolds on 01 Dec 2013 at 5:52 am #

    “Currently over 40 instruments for the measurement of body image exist (Thompson, Altabe, Johnson, & Stormer, 1994)”. All of these instruments can be put into three categories: figure preferences, video projection techniques, and questionnaires. Because there are so many ways to measure body image, it makes it difficult to draw meaningful research generalizations. There are many factors you have to take into account when measuring body image, these can include: gender, ethnicity, culture, and age.

Trackback URI | Comments RSS

Leave a Reply

− 4 = one