問題タブ [retina]

私のアプリには、ユーザーが作成して保存したすべてのファイルを表示するセクションがあります。作業を高速化するために、ユーザーがプロジェクトを保存するときに、レンダリングされたプロジェクトのサムネイルを保存します。そのサムネイルは次を使用してロードされます

私の質問は、このアプリは iOS 7 以降のデバイスで実行することです。これには、すべての iPhone 4 以降 (すべての Retina) とすべての iPad (Retina かどうかに関係なく) が含まれます。したがって、ここでは、理論的には @1x、@2x、および @3x アセットを使用するデバイスを扱っています。

これらすべての解像度でサムネイルを保存する必要がありますか? これはそれを行う方法ではないようです。

何かご意見は？

ありがとう

ちょうど何かについて疑問に思っています。繰り返しの背景画像 (パターン) を持つサイト ヘッダーを作成しています。

これは次のようなもので簡単です：

これを高解像度デバイスで鮮明に表示したいので、通常は画像の寸法を指定し、画像 @2x を使用して幅と高さを同じに設定するメディア クエリを作成します。

問題は、異なるページでいくつかの異なる背景画像を使用することになり、それらの高さと幅が異なることです。

これをカバーする方法はありますか?それらをすべて個別に指定することを除いて?

乾杯。

たとえば、私はそのようなものを持っていますimg:

Retina ディスプレイではなく、通常のブラウザではダウンロードのみが行われますimage-520.jpgが、Retina ディスプレイでは Chrome デスクトップと iOS 用 Safari の両方が最初のダウンロードとレンダリングで行われ、イベントimage-1040.jpg後に元の画像がダウンロードされます。なぜこれが起こるのか、そしてこれを回避する方法を誰かが説明できますか?DOMContentLoadedimage-520.jpg

次のような URL から画像を読み込んでいます。

URL はhttp://example.com/image.pngの行に沿ったものなので、インターネット上の画像です。

これは問題なく動作しますが、私のプログラムのユーザーから、Java 8u20 (およびおそらくそれ以降) の Retina ディスプレイでプログラムを使用すると、通常の画像ではなく奇妙な画像が表示されるという報告がいくつか寄せられています。

彼らが取得している奇妙な画像は、画像が見つからない場合に、画像が読み込まれた CDN が自動的にリダイレクトする画像であると判断しました。Toolkit.getImage(URL url)いくつかの調査の結果、Java の新しいバージョンでは、new ImageIcon(URL url).

もちろん問題は、画像が見つからない場合に CDN が実際に有効な画像を返すことです。そのため、Java はおそらく Retina ディスプレイで使用する高解像度の画像を実際に見つけたと考えます。私のプログラムの他の画像もImageIcon同じように使用されますが、別のソースから読み込まれますが、問題なく動作するようです。

問題は、これを解決する最善の方法は何でしょうか? 私は CDN にアクセスできないので、Java が何らかの方法で 2 番目の URL を読み込もうとするのを防ぐ必要があります (それが実際に問題である場合は、確かにそのように見えます)。残念ながら、これをテストするためのコンピューターを持っていないため、どのソリューションが機能するかを判断するのは少し難しい.

私のXCodeプロジェクトには次の画像があります。

しかし、画像を appstore.png として使用するときは常に、網膜画像 (2x) のみが使用されています。どんな助けでも大歓迎です。

XCode 6.0.1 (6A317) を使用しています ありがとうございます。

タイトルの通り。すでに Retina に適合している画像を 1 つだけ使用することはできますが、Retina スクリーンを使用しない場合、画像は自動的に非 Retina 画像にサイズ変更/トリミングされますか? 私はIEでこの問題を抱えています（そして私はPCを使用しています）。私の写真はすべて、Chrome、Opera、Moz などの他のブラウザで見栄えがします。しかし、同じ画像を IE で見ると、これらの「醜いエッジ」があります。

このブログ投稿を見ましたが、彼は 2 つの写真/画像を使用しています。もちろん、可能であればそれはしたくありません。

より具体的には、画像が 500x500 で、CSS で網膜スクリーンのために 100x100 ピクセルに縮小する場合です。しかし、画面が網膜ではなく、縮小した 500x500 の画像を使用している場合、これらの「鮮明なエッジ」が表示されます。

私が何を意味するかを示すために、Chrome と IE(Edge) を使用して、使用している同じ写真の 2 つのスクリーンショットを撮りました。以下の画像の元のサイズは 500x500 ですが、100x100 に縮小されています。

クロム

IE

十分に明確でない場合は、私の質問に戻ります。1 つの画像を使用できますが、必要に応じて網膜であるかどうかを指定できますか?

アプリケーションを iPod 5 (4 インチ Retina スクリーン) で実行しようとしていますが、アプリケーションの 3.5 インチ バージョンが表示されます。

iPhone 5S では、正しい画面サイズが表示されます。このような設定を行うための既知の設定はありますか? また、それを再びオフにするにはどうすればよいですか?

Bootstrap を使用して単純な静的サイトを構築する予定です。私の知る限り、Bootstrap にはFoundationのような Retina イメージのサポートが組み込まれていません。サイトのすべての画像を意図したサイズの 2 倍 (600x300 など) にしてから、コードに配置するときに縮小することを妨げているのは何ですか?

私が考えることができる唯一の問題は、ファイルサイズが非常に大きい画像の場合です。その場合、Bootstrap でうまく動作する優れた Retina JS ライブラリを見つける必要があるかもしれません。そして、怠惰のテーマを続けると、コードに自分自身を注入する限り、bower と grunt でうまく機能することを願っています。

XCode 6 では、アセット カタログ (xcassets) で、1x、2x、および 3x のイメージ セットのオプションが提供されるようになりました。

1x は 320 x 480 です。

3x は 1242 x 2208 である必要があります

ただし、2x にはいくつかのオプションがあります: 640 x 960、640 x 1136、または 750 x 1334

最大のもの (750 x 1334) を使用するだけで、iPhone 5 用に縮小されますか?

Launch Image および Icon size アセットと同様に、一般的なイメージ アセットにはより多くのオプションがあるはずです。