Как установить изображение для приложения Ipad, которые поддерживают дисплей Retina

Question

Мне нужно обновить приложение, чтобы оно поддерживало отображение Retina в новом iPad, но у меня все еще есть некоторые сомнения по этому поводу.Правильно ли, что нам нужно создать новое изображение, которое поддерживает разрешение для отображения на сетчатке, и при этом сохранить последнее изображение для приложения без поддержки дисплея на сетчатке?Если да, то наше приложение будет иметь большой размер, верно?Есть ли способ сделать это только один?Может быть, просто используйте изображения с высоким разрешением, но измените их размер для обычного приложения (приложения, которое не поддерживает отображение сетчатки).Кто-нибудь может мне помочь?

Answer 1

Для Интернета вы все еще можете использовать @ 2x соглашение об именах.Объявите фоновое изображение и установите размер.В медиа-запросе дисплея Retina вызовите изображение в высоком разрешении.

figure{background-image:url(../img/imageName.png);background-size:57px 57px;}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
  only screen and (-o-min-device-pixel-ratio: 3/2),
  only screen and (min--moz-device-pixel-ratio: 1.5),
  only screen and (min-device-pixel-ratio: 1.5) {

figure{background-image:url(../img/imageName@2x.png);}

}

Также существуют решения на стороне сервера, вот одно: Ссылка

Answer 2

Вы должны создать два изображения. один для старого разрешения и один для дисплея сетчатки. Если я помню, вам нужно только добавить @ x2 на изображения сетчатки:

mypicture.jpg  (old display)

mypicture@x2.jpg  (retina display)

Надеюсь, этот способ похож на iphone.