web-dev-qa-db-ja.com

iOS8アイコンのサイズとアイコンおよび起動画像の名前

IOS8のサイズとアプリのアイコンと起動画像の名前を含む簡単なサイトは見つかりません。

iOSヒューマンインターフェイスガイドライン を見ましたが、実際にそれらの名前の付け方を教えてくれません。

誰かが具体的にそれらをリストできますか?

24
Mike Flynn

Xcode 5以来rmaddyが述べたように、特定の方法でアイコンに名前を付ける必要はありません。使用 App Icon Assetアイコンを追加します。

アイコンのサイズに関しては、アプリアイコンアセットカタログにもありますが、便宜上スクリーンショットを示します。 enter image description hereenter image description here

また、このアイコンテンプレートを使用してアイコンを作成することを強くお勧めします。1つは、すぐに編集できるすばらしいpsdファイルを提供し、2つ目は、必要なすべてのアイコンを簡単に保存するアクションを提供するからです!ここにあります: http://appicontemplate.com

7
Razvan

次のスクリプトを使用して、必要なすべてのアイコンを自動生成し、画像ファイル(iOS 7以降)を起動します。

http://github.com/spren9er/s9icongen

http://github.com/spren9er/s9splashgen

スクリプトが実行されると、すべてのサイズと名前がコンソールに表示されます。打ち上げ画像用

   320x480(2x) ->   640x960: Default@2x~iphone.png
   320x568(2x) ->  640x1136: Default-568h@2x~iphone.png
   375x667(2x) ->  750x1334: Default-667h@2x~iphone.png
   414x736(3x) -> 1242x2208: Default-736h@3x~iphone.png
  768x1024(1x) ->  768x1024: Default-Portrait~ipad.png
  1024x768(1x) ->  1024x768: Default-Landscape~ipad.png
  768x1024(2x) -> 1536x2048: Default-Portrait@2x~ipad.png
  1024x768(2x) -> 2048x1536: Default-Landscape@2x~ipad.png
38
spren9er

これは、さまざまなファイルが何に適しているかを知りたい場合に便利です。

また、ここでstackoverflowのスレッドを確認してください: https://stackoverflow.com/a/27108377/4288147

27
Matthias Sala

特定の名前に対する要件がないため、アイコンには任意の名前を使用できます。適切なサイズのアイコンを取得するには、次のシェルスクリプトを使用して、追加のツールなしでアイコンを生成できます。

 FILE = "largeicon.png" 
#iTunes Artwork 
 sips --resampleWidth 1024 "$ {FILE}" --out "[email protected]" 
 sips --resampleWidth 512 "$ {FILE}" --out "iTunesArtwork.png" 
#iPhone iOS 7、8 
 sips --resampleWidth 58 "$ {FILE}" --out "[email protected]" 
 sips --resampleWidth 87 "$ {FILE}" --out "[email protected]" 
 sips --resampleWidth 80 "$ {FILE}" --out "[email protected]" 
 sips --resampleWidth 120 "$ {FILE}" --out "[email protected] "
 sips --resampleWidth 120" $ {FILE} "--out" [email protected] "
 sips --resampleWidth 180" $ {FILE} "--out "[email protected]" 
#iPad iOS 7、8 
 sips --resampleWidth 29 "$ {FILE}" --out "icon-ipad-29.png" 
 sips --resampleWidth 58 "$ {FILE}" --out "[email protected]" 
 sips --resampleWidth 40 "$ {FILE}" --out " icon-ipad-40.png "
 sips --resampleWidth 80" $ {FILE} "--out" [email protected] "
 sips --resampleWidth 76" $ {FILE} "--out" icon-ipad-76 .png "
 sips --resampleWidth 152" $ {FILE} "--out" [email protected] "
#Apple Watch 
 sips --resampleWidth 48 "$ {FILE}" --out "[email protected]" 
 sips --resampleWidth 55 "$ {FILE}" --out " [email protected] "
 sips --resampleWidth 58" $ {FILE} "--out" [email protected] "
 sips --resampleWidth 87 "$ {FILE}" --out "[email protected]" 
 sips --resampleWidth 80 "$ {FILE}" --out "[email protected]" 
 sips --resampleWidth 88 "$ {FILE}" --out "[email protected]" 
 sips --resampleWidth 172 "$ {FILE}" --out " [email protected] "
 sips --resampleWidth 196" $ {FILE} "--out" [email protected] "
3
Leszek Szary