Pixelation in iOS4, но не iOS5

Question

У меня есть тег изображения с атрибутом width в px в моем html. Запуск этого html в iPad с IOS4 приводит к четкому изображению, тогда как в IOS5 он выглядит неровным. Пожалуйста, предложите.

Answer 1

Я решил следовать соглашению об именах, которое Apple использует в своем SDK для таргетинга изображений с высоким разрешением, добавляя суффикс «@ 2x» к имени файла. Поэтому для устройств с низким разрешением, если стандартным значком является «icon.png», RD-устройствами будут «icon@2x.png». Чтобы получить их в миксе, я добавил медиа-запрос в файл css, который предназначен для Retina Display:

@media all and (-webkit-min-device-pixel-ratio: 2) { 
    #home-news a {background-image:url(images/icon@2x.png);} 
}