網のための網膜と非網膜のiPhone＆iPadのための画像のすべての異なるサイズと解像度を扱う方法

Question

Apple.comは最近、彼らの画像のサイズを倍増させることによって新しいiPadの網膜ディスプレイに対応するようにWeb画像を変更しました。例：

非retina.jpg：http://images.apple.com/home/images/ipad_hero.jpg [1] retina_2x.jpg：両方の画像をwidth="1381" height="575"にHTMLに設定されているもののhttp://images.apple.com/home/images/ipad_hero_2x.jpg [2]

。 アプリ内の画像の場合は@2xと同様に、ブラウザが適切な画像を取得するには拡大した画像の名前を_2xに変更すれば十分ですか？

[1]：サイズの非網膜画像：1454 X 605 [2]：サイズの網膜画像：X 1210 2908

Answer 1

いいえ、それはちょうど_2x画像を作成するために十分ではありません。 Appleはカスタムスクリプトを使ってその作業を行います。ここで説明しています：

http://cloudfour.com/how-apple-com-will-serve-retina-images-to-new-ipads/

それはそれが最初の定期的なサイズの画像をダウンロードし、帯域幅を浪費として、理想的なソリューションではありませんし、サーバーに余分な要求を行います。

---

高解像度の画像を表示する方法は未解決の問題です。このことについて、いくつかの非公式な議論がW3Cにあります：

それが起こっているが、画像の実際のピクセルサイズの半分は、高DPIのイメージを提供するための良い方法ですされている <img>から widthと height寸法を追加する

http://www.w3.org/community/respimg/

---

通常のDPI画面で帯域幅を無駄にすることがあります。

これを使用するとenable better image interpolationになることがあります。