CODEWITHSUNDEEP
iphonesafariimage-scaling
Magpie
Magpie

Reputation: 7173

iPhone Web Development Image Scaling

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?

Upvotes: 0

Views: 729

Answers (1)

Magpie
Magpie

Reputation: 7173

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.

Upvotes: 1

Related Questions