Как мне подготовить изображения для Интернета?
Каждое устройство имеет разное разрешение. Я всегда экспортировал изображения с разрешением 72PPI. Это даже правильное число в наши дни? Некоторые люди используют 96PPI? Что лучше для изображений без сетчатки?
Большинство руководств, с которыми я сталкивался, предлагали для графики пользовательского интерфейса в таблице стилей использовать такой подход.
http://miekd.com/articles/using-css-sprites-to-optimize-your-website-for-retina-displays/
По сути, сделайте два изображения, одно ровно в 2 раза больше другого. Потом...
background-size: 50% auto;
...на изображении @2x. Обратите внимание, что в этой статье никогда не указывается, в какой PPI экспортировать изображения.
Можно ли экспортировать 1 изображение с разрешением 72PPI и одно с разрешением 144PPI? Тогда вам не нужно будет даже изменять размер фона с более высоким разрешением в медиа-запросе.
К чему я должен стремиться здесь? Каковы наилучшие методы экспорта изображений для Интернета?
Кроме того, есть ли у кого-нибудь лучшая статья о медиа-запросе для дисплеев с более высоким разрешением и его обработке?