Web 用の画像をどのように準備すればよいですか?
各デバイスの解像度は異なるようです。私はいつも 72PPI で画像をエクスポートしてきました。最近ではそれも適切な数ですか？96PPIを使っている人はいますか？非「網膜」画像にはどちらが適していますか?
私が遭遇したチュートリアルのほとんどは、スタイルシートの UI グラフィックスに対して、この種のアプローチを取ることを提案しています。
http://miekd.com/articles/using-css-sprites-to-optimize-your-website-for-retina-displays/
基本的に、2 つの画像をもう一方のちょうど 2 倍のサイズにします。それで...
background-size: 50% auto;
... @2x 画像上。この記事では、画像をエクスポートする PPI を指定していないことに注意してください。
1 つの画像を 72PPI で、もう 1 つを 144PPI でエクスポートできますか? そうすれば、メディアクエリで高解像度のものを背景サイズにする必要さえありません。
ここは何を目指せばいいの？Web 用に画像をエクスポートするための事実上のベスト プラクティスは何ですか?
また、より高い dpi ディスプレイのメディアクエリとその処理に関するより良い記事を持っている人はいますか?