4で初めて採用した独自の高精細ディスプレイの名称です。した高解像度端末では、通常のディスプレイに比べはるかに高解像度のため、通常の解像度で作成した画像がぼやけて表示されてしまいます。そこで、通常、320×240pxの画像をRetinaに対応させる場合、2倍の640×480pxの画像を作成します。以下の画像を対比してもらうとわかるように、左が、【表示サイズ等倍、画質90%】で作成したjpg画像で、右が【2倍のサイズで作成、画質50%】で書き出したjpg画像ですが、どらちもほとんど目視では画質に違いが分からないレベルで、大きいピクセルサイズで、低画質で書き出したjpg画像のほうがデータサイズを抑えることができます。用に画像をそれぞれ作成する必要はなく、常に2倍の(低画質な)高解像度画像を用意すれば十分ということです。これは、@3x(3倍解像度)の場合でも同じです。Retina用画像に対応する方法はいくつかありますが、当isotypeテーマでは、デバイスやブラウザに極力依存させないために、cssで縮小するという手法をとっています。表示サイズが高さ65pxのロゴ画像を、Rertian対応する場合であれば、高さ130pxで画像を作成してアップロードします。「ヘッダーロゴの最大高さ」を、その1/2のサイズである「65px」に指定します。Rertian対応を意識しない場合は、表示サイズの等倍で作成して画像をアップロードするだけです。アップロードした画像は、トリミングやリサイズ等の編集も行えます。コメントをキャンセルコメントを投稿するにはログインしてください。アサイドArchive2016年9月2015年6月2015年5月2014年1月2013年1月2012年3月2012年1月2011年3月2010年10月2010年9月2010年8月2010年7月2010年6月2010年5月2010年4月2010年3月2010年2月2010年1月2009年10月2009年8月2009年7月2009年6月2009年5月ここにフッターテキストを入力できます。