問題タブ [retina]

どちらが正しいですか？

ミディアム Web、タブレット、モバイルについて同じ質問がありますか?

背景としてパターンがあります-通常の解像度と網膜用です。そのように処理したら

またはその方法

Chromeが次の推奨事項を私に投げかけるたびに：

「dpi」の代わりに「dppx」単位を使用することを検討してください。CSS の「dpi」は、物理インチあたりのドット数ではなく、CSS インチあたりのドット数を意味するため、画面の実際の「dpi」には対応しません。メディアクエリ式: (-webkit-min-device-pixel-ratio: 1.5), not all, (min-resolution: 144dpi)

では、これら 2 つの背景をどのように呼ぶのが正しいのでしょうか? よろしくラルフ

だから私はウェブサイトの網膜グラフィックスについていくつか読んだことがあります.私の画像のほとんどは2倍になる可能性があるので、@media queries.

ただし、サイジングについて私が見つけたのは、寸法を指定する必要があるということだけでしたが、私は疑問に思っています: background-size:cover!を使用した背景画像はどうですか?

次のように:

2 番目の質問です。最大約 2400x1380 の画像があるが、訪問者のマシンの最大解像度が Macbook 15 インチ Retina のように 2880x2160 である場合、@2X エクスペリエンスを完全にサーバー化することはできません。何があっても @2x を配信しますか、それとも通常の最大 1920 ピクセルの画像を配信しますか?

そして 3 番目に、1 と 2 に関して - を使用している間:cover、寸法を指定していないため、@2x 画像の最小値がわからない。それを念頭に置いて、「網膜画像と使用の場合、画像は少なくともこの寸法でこれで:coverなければなりません」と言う方法はありますか?

ありがとう！

Ipad mini (非網膜) の場合:

Ipad 3 & 4 (網膜) の場合:

しかし、Retinaディスプレイを搭載したiPad miniはどうですか？

私は自分のサイトで使用する多くのアイコンすべてに SVG を使用するつもりでしたが、大量の SVG を使用するとサイトの速度が低下することを読みました。私のウェブサイトには基本的に大量の検索結果があり、各結果には 7 つのアイコンが表示されています。プロジェクトを手伝ってくれた別の開発者は、すべての SVG を使用するとページが劇的に遅くなり、フリーズする可能性があるため、画像を使用するように言われましたが、HD 電話/網膜のサポートには SVG を使用したいと考えています。

すべての要素に長い svg コードを埋め込む代わりにアイコン フォントを使用できますか、それともアイコン フォントは基本的に SVG であるため同じ量のメモリを使用しますか、それとも必要なメモリが少なくて済みますか?

アイコンフォントが同じ量を使用し、サイトの速度が低下したりフリーズしたりする場合、サイトに大量のアイコンを追加するための唯一のオプションは、Retina 用の大きなアイコンを追加するための画像とメディアクエリだけです..:(.. ??

Retina ディスプレイが検出されたときに Retina に最適化された Web ページにリダイレクトしたいのですが、Retina iPhone が検出されたときはリダイレクトしません。Javascript または Jquery は、これを行うための私の最初の選択肢です。

ありがとうございました！

ここに画像 backgroundTest1@2x.png があります。これは 640 x 128 で、赤い部分は 320 x 64 です。

しかし、画像を次のように設定すると：

ナビゲーションバーに赤だけが表示されます:

ここで何が起こっているのか、iOS 7 / Retina のみのアプリでどのサイズと名前を使用すればよいですか? 「@2x」を含める必要がある場合、320 x 64 が「機能する」画像サイズになるのはなぜですか?

スプライトを Google マップ マーカーとして使用したい場合は、次のように配置する必要があることを学びました。

Retina-proofにするときは、次のようにする必要があることを理解しています。

ただし、余分なサイズを追加すると、マーカーがなくなります。私は何を間違っていますか？

各画像を.PNGファイルとして配列に保存しようとしています（Retina Mac dpiの問題のために拡大せずに、適切なサイズとしても）、解決策が見つからないようです。How to save PNG file from NSImage (retina issues)の解決策はどれもうまくいかないようです。私はそれぞれを試しましたが、それぞれが72x72ファイルをretina .etcに144x144として保存します。

より具体的には、NSImage カテゴリを探しています (はい、Mac 環境で作業しています)

私はユーザーにそれらを保存するディレクトリを選択させ、次のように配列から画像の保存を実行させようとしています:

1 人のユーザーがこの NSImage カテゴリを使用して回答を試みましたが、ファイルや PNG は作成されませんでした。