[iOS7]アプリアイコン角丸比率一覧表〜パーセンテージも知りたくて〜
Posted on 2014/01/17
iOS7でアイコンサイズと角丸のサイズが変更になって随分経ちました。 備忘録がてらファイル名、サイズの一覧と角丸比率も計算したので残しておきます。
比率を使うシーンは少ないかもしれませんが、 私はWEBサイトでアイコンを表示する際にborder-radiusの指定でたまに使うのです。
ファイル名 | 角丸半径 | 角丸比率 |
---|---|---|
icon.png (57×57) |
13px | 22.8% |
icon@2x.png (114×114) |
25px | 21.9% |
icon-small.png (29×29) |
6px | 20.7% |
icon-small@2x.png (58×58) |
13px | 22.4% |
icon-60@2x.png (120×120) |
26px | 21.7% |
icon-72.png (72×72) |
16px | 22.2% |
icon-72@2x.png (144×144) |
32px | 22.2% |
icon-small-50.png (50×50) |
11px | 22% |
icon-small-50@2x.png (100×100) |
22px | 22% |
iTunesArtwork (512×512) |
112px | 21.9% |
iTunesArtwork (1024×1024) |
225px | 22% |
iOS6のときは17.6%前後だった角丸比率ですが、iOS7からは22%前後になりました。(比率は小数点以下1桁で四捨五入しています)
iOS6の角丸比率は以下の記事に掲載されています。もうしばらくは対応必要なのかなー。皆さんの対応状況が知りたい今日このごろ。。
ちなみにOSごとに必要なサイズについては以下の記事が詳しくて便利です。