Самый главный совет — не нужно использовать высокое качество сжатия для изображений, которые будут отображаться на ретина-экранах. На экранах с высокой плотностью пикселей изображения отображаются меньше своего фактического размера, скрывая артефакты сжатия.
Ещё можно использовать медиавырыжаение
-webkit-min-device-pixel-ratio с тегом <source>, чтобы браузер смог выбрать подходящее изображение в зависимости от текущей ситуации.Полезная статья. Рекомендую почитать.
#performance
https://jakearchibald.com/2021/serving-sharp-images-to-high-density-screens/
