0

I am developing a simple web page to be viewed after an iphone application completes. I am finding the safari degrades the image quality of the jpg so its all fuzzy.

The image is background image applied to a div

div.foo
{
    background: url(../images/foo.jpg) no-repeat;
    width:320px;
    height:349px;
}

The width and height are exactly the same as the jpg image. Is there a way to make sure the image gets displayed in its full quality?

Juha Syrjälä
  • 33,425
  • 31
  • 131
  • 183
Magpie
  • 6,983
  • 14
  • 51
  • 67

1 Answers1

2

Found the answer. The iphone "optimises" jpg's, compressing them to minimise the file size but destroying the quality of the image. All the reading I did suggested there was no way to switch this "feature" off.

The solution is simple, switch to pngs.

Magpie
  • 6,983
  • 14
  • 51
  • 67