サイズ100のtabBarのアイコンがあります。
2013年のAppleのヒューマンインターフェイスガイドラインで確認したところ、画像サイズは30x30/である必要があります60x60。
しかし、タブバーコントローラーの高さは50なので、画像のサイズはのままにしました50x50。
さて、プロジェクトを実行すると、以下の醜いデザインが表示されます。
デザインが完璧になるように、どのサイズの画像を使用すればよいですか？
注：テキストも書いていません（例：ホーム、検索など）。タブボタンのテキストは画像自体にあります。
回答:
30x30はポイントです。つまり、30px @ 1x、60px @ 2xの中間ではありません。また、タブのタイトルを画像に埋め込むのは良い考えではありません。そのようなアクセシビリティやローカリゼーションの結果はかなり悪くなるでしょう。
@ 1x：約25 x 25（最大：48 x 32）
@ 2x：約50 x 50（最大：96 x 64）
@ 3x：約75 x 75（最大：144 x 96）
最新のアップルヒューマンインターフェイスガイドラインによると：
縦向きでは、タブタイトルの上にタブバーアイコンが表示されます。横向きでは、アイコンとタイトルが並んで表示されます。デバイスと向きに応じて、システムは通常のタブバーまたはコンパクトなタブバーのいずれかを表示します。アプリには、両方のサイズのカスタムタブバーアイコンを含める必要があります。
完全な概念を理解するには、上記のリンクを使用することをお勧めします。アップルは定期的にドキュメントを更新するので
リファレンス：https : //developer.apple.com/ios/human-interface-guidelines/graphics/custom-icons/[https://developer.apple.com/ios/human-interface-guidelines/graphics/custom-icons /]。
したがって、50x50のサイズが適切な選択です。
私の慣習によると、私は標準のiPadタブバーアイテムアイコンに40 x 40、網膜に80 X 80を使用しています。
iOS 7のアイコンファミリに関連しているように見えるバーアイコンを作成する場合は、非常に細い線を使用して描画します。具体的には、2ピクセルのストローク（高解像度）は詳細なアイコンに適し、3ピクセルのストロークはあまり詳細でないアイコンに適しています。
アイコンの表示スタイルに関係なく、次のサイズのツールバーまたはナビゲーションバーアイコンを作成します。
約44 x 44ピクセル約22 x 22ピクセル（標準解像度）アイコンの視覚スタイルに関係なく、次のサイズのタブバーアイコンを作成します。
標準解像度で約50 x 50ピクセル（最大96 x 64ピクセル）約25 x 25ピクセル（最大48 x 32ピクセル）
コードを使用する前にまず親指を立ててください!!! 各項目のタブバー項目全体を完全にカバーする画像を作成します。これは、作成した画像をタブバー項目ボタンとして使用するために必要です。高さ/幅の比率も各タブバー項目で同じになるようにしてください。次に：
UITabBarController *tabBarController = (UITabBarController *)self;
UITabBar *tabBar = tabBarController.tabBar;
UITabBarItem *tabBarItem1 = [tabBar.items objectAtIndex:0];
UITabBarItem *tabBarItem2 = [tabBar.items objectAtIndex:1];
UITabBarItem *tabBarItem3 = [tabBar.items objectAtIndex:2];
UITabBarItem *tabBarItem4 = [tabBar.items objectAtIndex:3];
int x,y;
x = tabBar.frame.size.width/4 + 4; //when doing division, it may be rounded so that you need to add 1 to each item;
y = tabBar.frame.size.height + 10; //the height return always shorter, this is compensated by added by 10; you can change the value if u like.
//because the whole tab bar item will be replaced by an image, u dont need title
tabBarItem1.title = @"";
tabBarItem2.title = @"";
tabBarItem3.title = @"";
tabBarItem4.title = @"";
[tabBarItem1 setFinishedSelectedImage:[self imageWithImage:[UIImage imageNamed:@"item1-select.png"] scaledToSize:CGSizeMake(x, y)] withFinishedUnselectedImage:[self imageWithImage:[UIImage imageNamed:@"item1-deselect.png"] scaledToSize:CGSizeMake(x, y)]];//do the same thing for the other 3 bar item