Что такое Retina дисплей

Retina — это маркетинговый термин Apple для дисплеев с высокой плотностью пикселей (PPI), где отдельные пиксели неразличимы для человеческого глаза на обычном расстоянии просмотра.

Особенности:

• Высокое разрешение (например, 2x или 3x стандартного).
• Используется субпиксельное сглаживание для четкости.

Для фронтенда:
Необходимо подготавливать изображения в 2x/3x размере и сжимать для Retina, чтобы избежать размытости.

Пример в CSS:

.logo {
  background-image: url('image@1x.png');
}

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .logo {
    background-image: url('image@2x.png');
    background-size: 50%; /* Масштабируем обратно */
  }
}