高解像度Retinaディスプレイの設計
ボストンのクリエイティブデザイン代理店は、多くのウェブサイ すべての私達のプロジェクトのために、私達は私達の顧客が明確、専門に見る質のグラフィックを受け取ることを保障するのを好みます。 そこで、高解像度のretina画面ディスプレイ用に画像を最適化します。 これらは、特にAppleの製品のほとんどで、近年では人気となっています。
ピクセルと解像度
画面上の画像はピクセルと呼ばれる色付きの正方形でできています。 画像の解像度または鮮明度は、画面の幅と高さのピクセル数によって定義されます。
Retina画面は、標準画面よりも小さく、近いピクセルを表示します。 また、標準画面と同じ画質を表示するには、2倍のピクセルが必要です。 これにより、より高い解像度と高品質の画像が得られます。 これを説明するには、以下の画像を参照してください:
Retinaディスプレイの設計
ラスター解像度
標準ディスプレイでの設計のガイドラインは72ピクセル/インチですが、retina最適化の推奨は200ppiです。 解像度の低い画像は、ファジーまたはピクセル化されて表示されます。 低解像度の画像は、作業が困難であり、作業が専門的でないかずさんに見えるようにします。
ベクター画像
可能な限り、私たちのグラフィックデザイナーは、あなたが使用することをお勧めします。例えば、アイコンやボタンのためのweb上の画像のためのsvgファイル。 これらは、任意の画面上で鮮明に見える、独立したベクトルファイル、解像度であり、ファイルサイズが小さいです。
ウェブ用の画像にコミットする前に、解像度が再現されるサイズで十分に大きいことを確認してください。 網膜の画面のための設計は、すべての作業がプロと洗練された見えることを確認する必要があります。