正しいサイズがわからない。
多くのサイトは、apple-touch-iconは57x57ピクセルである必要があると繰り返しているようですが、ソースとして壊れたリンクを引用しています。
ハンゼルマンとplaygroundbluesのコメントは、163x163と60x60を含むさまざまなサイズを示唆しています。
Apple独自のapple.comアイコンは129x129です！
関連する質問を参照してください： WebサイトにiPhoneのアイコンを付けるにはどうすればよいですか？
50658 次
7 に答える
41
2010 年 8 月 3 日時点の Apple のガイドラインでは、「必要な」アイコン サイズに「高解像度」の画像 (iPhone 4 用) が含まれているようです。
57x57 と 114x114 の両方の画像と、640x960 のタイトル画像を提供する必要があるようです。
ドキュメント全体の一部であるカスタム アイコンおよび画像作成ガイドライン(Javascript が必要) を参照してください。
于 2010-08-16T06:15:28.777 に答える
3
必要なディテールの量によって異なりますが、アスペクト比は 1:1 である必要があります (基本的には正方形である必要があります)。
私は Apple 独自の 129*129 を使います
于 2008-08-04T21:36:58.040 に答える
2
Apple の仕様では、iOS7 の新しいサイズが指定されています。
- 60x60
- 76x76
- 120×120
- 152×152
一方、iOS6 以前の古いサイズは次のとおりです。
- 57x57
- 72x72
- 114x114
- 144x144
ところで、事前に構成されたアイコンは非推奨です。
結果として、新しいデバイス (iOS7 を実行) および古いデバイス (iOS6 以前) をサポートするには、これらの 8 つの画像が存在する必要があり、一般的なコードは次のとおりです。
<link rel="apple-touch-icon" sizes="57x57" href="/apple-touch-icon-57x57.png">
<link rel="apple-touch-icon" sizes="114x114" href="/apple-touch-icon-114x114.png">
<link rel="apple-touch-icon" sizes="72x72" href="/apple-touch-icon-72x72.png">
<link rel="apple-touch-icon" sizes="144x144" href="/apple-touch-icon-144x144.png">
<link rel="apple-touch-icon" sizes="60x60" href="/apple-touch-icon-60x60.png">
<link rel="apple-touch-icon" sizes="120x120" href="/apple-touch-icon-120x120.png">
<link rel="apple-touch-icon" sizes="76x76" href="/apple-touch-icon-76x76.png">
<link rel="apple-touch-icon" sizes="152x152" href="/apple-touch-icon-152x152.png">
さらに、という名前の 152x152 の画像を作成する必要がありますapple-touch-icon.png。
このファビコン ジェネレーターは、これらすべての画像を一度に生成できることを知りたいと思うかもしれません。完全開示: 私はこのサイトの作成者です。
于 2014-01-15T22:04:48.603 に答える
1
公式サイズは57x57です。ロード時に必要なメモリが少ないという理由だけで、正確なサイズを使用することをお勧めします（Appleがスケーリングされた表現をキャッシュしない限り）。そうは言っても、レックスはどんな正方形のサイズでも機能するのは正しいです
于 2008-08-06T04:10:52.080 に答える
0
「正しいサイズ」はないと思います。iPhoneは実際にOSXを実行しているため、アイコンレンダリングシステムは非常に堅牢です。適切なアスペクト比と少なくとも実際の出力と同じ高さの解像度を備えた高品質の画像を提供する限り、OSは非常にクリーンにダウンスケールされます。私のサイトは158x158を使用しており、アイコンはiPhone画面でピクセル単位で完璧に見えます。
于 2008-08-04T21:22:50.220 に答える
0
更新リスト 2014 年 10 月、iOS8
Retina の有無にかかわらず、iPhone と iPad のリスト
<link rel="apple-touch-icon" href="touch-icon-iphone.png">
<link rel="apple-touch-icon" sizes="76x76" href="touch-icon-ipad.png">
<link rel="apple-touch-icon" sizes="120x120" href="touch-icon-iphone-retina.png">
<link rel="apple-touch-icon" sizes="152x152" href="touch-icon-ipad-retina.png">
<link rel="apple-touch-icon" sizes="180x180" href="touch-icon-iphone-6-plus.png">
2014 iOS 8 の更新:
iOS 8 および iPhone 6 plus の場合
<link rel="apple-touch-icon" sizes="180x180" href="touch-icon-iphone-6-plus.png">
iPhone 6 は、iPhone 4 および 5 と同じ 120 x 120 ピクセルの画像を使用します。残りは iOS 7 と同じです
アップデート 2013 iOS7:
iOS 7 では、推奨される解像度が変更されました。
- 114 x 114 px から 120 x 120 px までの iPhone Retina 用
- 144 x 144 px から 152 x 152 px までの iPad Retina 用
他の解像度はまだ同じです
- 57 x 57 ピクセルのデフォルト
- Retina のない iPad の場合は 76 x 76 ピクセル
于 2013-11-12T16:06:59.417 に答える