web-dev-qa-db-ja.com

デザイナーHiDPI、@ 2x、またはRetinaには何が意味がありますか?

Webデザイナー向けのWebアプリケーションを設計していますが、セマンティクスに問題があります。 「HiDPI」、「@ 2x」、または「Retina」という言葉が、WebデザイナーがHiDPI画面に対応するためにWebサイトに含める2次イメージを最もよく表しているかどうかを調べています。どれがすぐに「ああ、それが何のためにあるのか知っている!」みことばを見て。

例:

デフォルトボタン:HiDPI画像のアップロード

画像をアップロードすると、HiDPI画像がアップロードされます。

6
Sergie Magdalin

高DPIを提案します。これは正確な技術説明であり、すべての高解像度ディスプレイが実際に2のピクセル比率にあるわけではありません(ただし、複数の比率に対して複数の画像を指定する必要がある場合は、比率を個別に表示するのが最適です)。あなたはそれについて考えますが、それは高DPIのものがウェブ上でどのように機能するかについてのより詳しい知識を必要とします。ユーザーが「WTFはXを意味する」とググる必要がある最悪の場合、@ 2xとは対照的に、高DPIの意味を見つけるのははるかに簡単です。

現在のところ、Retinaはおそらく最もわかりやすい用語ですが、正確性が最も低いため、提案をためらいます。 Retinaは、Apple製品で使用されているマーケティング用語です。これらの製品が唯一の高DPIデバイスではありません。Apple愛好家、製品、 iOS/OSXまたは非テクニカルユーザーの場合、Retinaの方が適切な用語だと思いますが、テクニカルユーザー(もちろん、ほとんどの場合、設計/アップロードを行う必要があります)の一般的なケースではそうではありません。

10
Ben Brocka

価値のあるものとして、グラフィックとUIデザイナーをターゲットとするサイトであるDribbbleは、より高い解像度のバージョンに「@ 2x」という用語を使用しています。

特にiOSをターゲットにしているのでない限り、Retinaは除外します。

HighDPIは機能しますが、技術的には、DPIはアップロードされる画像とは無関係です。

@ 2xは、iOS中心の誰かですが、a)やや一般的ですb)比較的自明(各次元のピクセルの2倍)およびc)短いです。

これが私の投票です。@ 2x。

4
DA01

簡潔にする必要がある場合は「高解像度」、不要な場合は「高解像度」を検討することをお勧めします。

"@ 2x"と "retina"の問題に関するBen Brockaのポイントに同意します。しかし、私は同じDPIで2つの画像を提供できるため、「高DPI」は必ずしも正確ではないと思います。1つは他よりもはるかに圧縮されています(解像度が低くなります)。

このような高いデバイスDPIディスパリティ(HDDPID;))の問題は新しい問題であり、解決策を模索しています。 (これは それについての記事 です。「HIDPI」という用語は高ピクセル密度を指すことに注意してください。)すべてのデバイスに同じピクセルサイズの画像を使用する方法を想像できますが、高圧縮バージョンです低DPIデバイスの場合、高DPIデバイスの圧縮率の低いバージョン。どちらのバージョンも同じDPIですが、1つはより高い解像度です。

次に、イメージのターゲットデバイスタイプを参照するのが最善の場合があります。この場合、「リンクされた記事で使用されているように」「高DPI」または「HIDPI」が適切です。

要約すると、画像の特性を参照する場合、「高解像度」または「高解像度」に投票しますが、画像のターゲットデバイス「HIDPI」または「高DPI」を参照します。どちらにしても、何かを標準化するのはいいことです。

1
obelia

これはSEOの角度の詳細ですが、いくつかのキーワード分析が役立つ場合があります。ユーザーが何を検索するかを把握し、そのためにラベルを最適化します。

0
Charles Wesley