About

--About this site

dropくん

iOSアプリのアイコンギャラリーです。
アイコンのサンプルが大量に欲しくなったので作ってみました。アプリ開発者の方、デザイナーの方、アイコンデザインの参考に是非どうぞ。 iPhoneユーザーの方で、おしゃれなアイコンでホーム画面を彩りたい方のアプリ探しにもピッタリだと思います!

内容の不備やご意見・ご感想はxxmiz0rexx@gmail.comまで。
サイトについて詳しくは「このサイトについて」を御覧ください。

--Author

xxmiz0rexx

@xxmiz0rexx( Google+)
ウェビメモというWEB関連のブログをやっています。

WEBクリエイターとしてお仕事を請け負っていますが、 最近アプリデザインのお仕事もしています。個人PJでFeedDropというニュースフィードアプリをリリースしました。(詳しくはこちら

336
app

[iOS7]アプリアイコン角丸比率一覧表〜パーセンテージも知りたくて〜

Posted on 2014/01/17

iOS7でアイコンサイズと角丸のサイズが変更になって随分経ちました。 備忘録がてらファイル名、サイズの一覧と角丸比率も計算したので残しておきます。

比率を使うシーンは少ないかもしれませんが、 私はWEBサイトでアイコンを表示する際にborder-radiusの指定でたまに使うのです。

iOS7 アプリアイコン角丸比率
ファイル名 角丸半径 角丸比率
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ごとに必要なサイズについては以下の記事が詳しくて便利です。

PageTop

PageTop