[xcode] Retinaディスプレイに対応した画像を追加する

Retinaディスプレイに対応した画像を追加する

普通に画像を準備し表示させるとRetinaディスプレイに対応しているものでは
画像が荒く見える

理由は解像度がプログラムで指定しているピクセルよりも2倍、3倍に引き伸ばされて表示されるから。

対処方法としては
同じ名前の画像ファイルの名前の後ろに「@2x」「@3x」と付けた高解像度の画像を準備し、Projectにアップロードすれば良い

あとは自動的に適切な解像度の画像を表示してくれる

解像度の例は以下の通り

通常： icon.png 15×15
@2x： icon@2x.png 30×30
@3x: icon@3x.png 45×45

画像の作り方としては、先に@3xを作成し、それぞれ2/3のサイズ,1/3のサイズに解像度を下げていくとよい