Uygulama simgeleri

Aşağıdaki tablo her mobil platformda kullanılan simge boyutlarını listeler:

Simge boyutu

Platform

29x29

iOS

36x36

Android

40x40

iOS

48x48

Android, iOS

50x50

iOS

57x57

iOS

58x58

iOS

60x60

iOS

72x72

Android, iOS

75x75

iOS

76x76

iOS

80x80

iOS

87x87

iOS

96x96

Android

100x100

iOS

114x114

iOS

120x120

iOS

144x144

Android, iOS

152x152

iOS

167 x 167

iOS

180x180

iOS

192x192

Android

512x512

Android, iOS

1024 x 1024

iOS

Uygulama tanımlayıcı dosyasının simge öğesinde simge dosyalarının yolunu belirtin:

<icon> 
                        <image36x36>assets/icon36.png</image36x36> 
                        <image48x48>assets/icon48.png</image48x48> 
                        <image72x72>assets/icon72.png</image72x72> 
                        </icon> 

Belirli bir boyutta bir simge sağlamazsanız, bir sonraki en büyük boyuttaki simge kullanılır ve sığması için ölçeklenir.

Android'de simgeler

Android'de, uygulama tanımlayıcısında belirtilen simgeler uygulama Başlatıcısı simgesi olarak kullanılır. Uygulama Başlatıcısı simgesi 36x36 piksel, 48x48 piksel, 72x72 piksel, 96x96 piksel, 144x144 piksel ve 192x192 piksel PNG görüntüleri kümesi olarak sağlanmalıdır. Bu simge boyutları, sırasıyla düşük yoğunluklu, orta yoğunluklu ve yüksek yoğunluklu ekranlar için kullanılır.

Geliştiricilerin Google Play Store'a uygulama gönderimi sırasında 512x512 piksel simgeyi göndermesi gerekmektedir.

iOS'deki simgeler

Uygulama tanımlayıcısında tanımlanan simgeler bir iOS uygulaması için aşağıdaki yerlerde kullanılır:

  • 29x29 piksel simge— Daha düşük çözünürlüklü iPhone'lar/iPod'lar için projektör arama simgesi ve daha düşük çözünürlüklü iPad'ler için Ayarlar simgesi.

  • 40x40 piksel simge— Daha düşük çözünürlüklü iPad'ler için spotlight arama simgesi.

  • 48x48 piksel simge—AIR, bu görüntüye bir kenarlık ekler ve onu daha düşük çözünürlüklü iPad'lerde spotlight araması için 50x50 simge olarak kullanır.

  • 50x50 piksel simge— Daha düşük çözünürlüklü iPad'ler için spotlight araması.

  • 57x57 piksel simge— Daha düşük çözünürlüklü iPhone'lar/iPod'lar için uygulama simgesi.

  • 58x58 piksel simge— Retina Ekranlı iPhone'lar/iPod'lar için spotlight simgesi ve Retina Ekranlı iPad'ler için Ayarlar simgesi.

  • 60x60 piksel simge— Daha düşük çözünürlüklü iPhone'lar/iPod'lar için uygulama simgesi.

  • 72x72 piksel simge (isteğe bağlı)—Daha düşük çözünürlüklü iPad'ler için Uygulama Simgesi.

  • 76x76 piksel simge (isteğe bağlı)—Daha düşük çözünürlüklü iPad'ler için Uygulama Simgesi.

  • 80x80 piksel simge— Yüksek çözünürlüklü iPhone'lar/iPod'lar/iPad'ler için spotlight araması.

  • 100x100 piksel simge— Retina Ekranlı iPad'ler için spotlight araması.

  • 114x114 piksel simge— Retina ekranlı iPhone/iPod'lar için Uygulama Simgesi.

  • 120x120 piksel simge— Yüksek çözünürlüklü iPhone'lar/iPod'lar için uygulama simgesi.

  • 152x152 piksel simge— Yüksek çözünürlüklü iPad'ler için uygulama simgesi.

  • 167x167 piksel simge— Yüksek çözünürlüklü iPad Pro için uygulama simgesi.

  • 512x512 piksel simge— Daha düşük çözünürlüklü iPhone'lar/iPod'lar/iPad'ler için uygulama simgesi). iTunes bu simgeyi gösterir. 512-piksel PNG dosyası yalnızca uygulamanızın geliştirme sürümlerini test etmek için kullanılır. Son uygulamayı Apple Uygulama Deposu'na gönderdiğinizde, 512 görüntüsünü ayrı olarak, bir JPG dosyası biçiminde gönderirsiniz. Bu dosya IPA'da yer almaz.

  • 1024x1024 piksel simge— Retina Ekranlı iPhone'lar/iPod'lar/iPad'ler için uygulama simgesi.

iOS simgeye bir parlaklık efekti verir. Efekti kaynak görüntünüze uygulamanız gerekmez. Bu varsayılan parlak efekti kaldırmak için, aşağıdakini uygulama tanımlayıcı dosyasındaki InfoAdditions öğesine ekleyin:

<InfoAdditions> 
                                <![CDATA[ 
                                <key>UIPrerenderedIcon</key> 
                                <true/> 
                                ]]> 
                                </InfoAdditions> 
Not: Adobe'nin Apple iOS app store'da bulunan AIR uygulamalarının sayısını takip edebilmesi için uygulama meta verileri iOS'ta uygulama simgelerine png meta verileri olarak eklenir. Uygulamanızın bu simge meta verisi nedeniyle bir AIR uygulaması olarak tanımlanmasını istemiyorsanız IPA dosyasının paketini açmanız, simge meta verisini kaldırmanız ve dosyayı yeniden paketlemeniz gerekir. Bu prosedür iOS için AIR uygulaması analitiğini gerçekleştirmeme adlı makalede açıklanmaktadır.

iOS başlatma görüntüleri

Uygulama simgelerine ek olarak, Default.png adlı en az bir başlatma görüntüsü sağlamanız gerekir. İsteğe bağlı olarak, farklı başlangıç yönlendirmeleri, farklı çözünürlükler (yüksek çözünürlüklü retina ekranı ve 16:9 boyut oranı da dahil olmak üzere) ve farklı aygıtlar için ayrı başlatma görüntüleri dahil edebilirsiniz. Ayrıca uygulamanız URL ile başlatıldığında kullanılacak farklı başlatma görüntüleri de ayarlayabilirsiniz.

Başlatma görüntüsü dosyalarına uygulama tanımlayıcısında başvurulmaz ve bunların kök uygulama dizinine yerleştirilmeleri gerekir. (Dosyaları bir altdizine koymayın .)

Dosya adlandırma şeması

Görüntüye göre aşağıdaki şemaya göre ad verin:

basename + screen size modifier + urischeme + orientation + scale + device + .png

Gerekli olan tek bölüm, dosya adının taban adı kısmıdır. Bu kısım Default (büyük harfle D) veya uygulama tanımlayıcısında yer alan InfoAdditions öğesindeki UILaunchImageFile anahtarını kullanarak belirttiğiniz addır.

Ekran boyutu değiştiricisi kısmı, standart ekran boyutlarından birinde olmadığı zamanlarda ekranın boyutunu belirler. Bu değiştirici yalnızca iPhone 5 ve iPod touch (5. nesil) gibi 16:9 boyut oranına sahip ekranları olan iPhone ve iPod touch modelleri için geçerlidir. Bu değiştirici için yalnızca -568h değeri desteklenir. Bu cihazlar yüksek çözünürlüklü (retina) ekranları desteklediğinden, ekran boyutu değiştiricisi her zaman için @2x ölçek değiştiricisine de sahip olan bir görüntüyle kullanılır. Bu cihazlar için varsayılan başlatma görüntüsü adının tamamı Default-568h@2x.png şeklindedir.

urischeme kısmı URI şemasını tanımlamak için kullanılan dizedir. Bu kısım yalnızca uygulamanız bir veya daha fazla özel URL şemasını destekliyorsa geçerli olur. Örneğin, uygulamanız example://foo gibi bir bağlantıyla çağrılabiliyorsa, başlatma görüntüsü dosya adının şema kısmı olarak -example öğesini kullanın.

yönlendirme kısmı, cihazın uygulama çalıştırıldığı zamanki yönlendirmesine bağlı olarak birden fazla başlatma görüntüsü belirlenmesi için bir yol sunar. Bu kısım yalnızca iPad uygulamalarına yönelik görüntüler için geçerlidir. Bu bölüm, uygulama başladığında aygıtın bulunduğu yönlendirmeye işaret eden aşağıdaki değerlerden biri olabilir:

  • -Portrait

  • -PortraitUpsideDown

  • -Landscape

  • -LandscapeLeft

  • -LandscapeRight

Ölçek kısmı yüksek çözünürlüklü (retina) ekranlara yönelik kullanılan başlatma görüntüleri için @2x (iPhone 4, iPhone 5 ve iPhone 6 için) veya @3x (iPhone 6 plus için) şeklindedir. (Standart çözünürlüklü ekranlar için kullanılan görüntüler için ölçek kısmını atlayın.) iPhone 5 ve iPod touch (5. nesil) gibi daha uzun cihazlara yönelik başlatma görüntüleri için taban adı kısmından sonra ve diğer kısımlardan önce ekran boyutu değiştiricisi olan -528h değerini de belirtmeniz gerekir.

cihaz kısmı, elde taşınan cihazlara ve telefonlara yönelik başlatma görüntülerini belirlemek için kullanılır. Bu kısım, uygulamanız tek bir uygulama ikilisi ile hem elde taşınan cihazları hem de tablet bilgisayarları destekleyen bir genel uygulamaysa kullanılır. Olası değer ~ipad veya ~iphone şeklinde olmalıdır (hem iPhone için hem de iPod Touch için).

iPhone için yalnızca dikey en boy oranına sahip görüntüleri dahil edebilirsiniz. Ancak, iPhone 6 plus'ta yatay görüntüler de eklenebilir. Standart çözünürlüklü cihazlar için 320 x 480 piksele sahip görüntüler, yüksek çözünürlüklü cihazlar için 640 x 960 piksele sahip görüntüler ve iPhone 5 ve iPod touch (5. nesil) gibi 16:9 boyut oranı cihazlar için 640 x 1136 piksele sahip görüntüler kullanın.

iPad için, aşağıdaki gibi görüntü ekleyebilirsiniz:

  • AIR 3.3 ve öncesi — Tam ekran olmayan görüntüler: Hem yatay (normal çözünürlük için 1024 x 748, yüksek çözünürlük için 2048 x 1496) hem de dikey (normal çözünürlük için 768 x 1004, yüksek çözünürlük için 1536 x 2008) en boy oranlı görüntüleri dahil edin.

  • AIR 3.3 ve sonrası — Tam ekran görüntüler: Hem yatay (normal çözünürlük için 1024 x 768, yüksek çözünürlük için 2048 x 1536) hem de dikey (normal çözünürlük için 768 x 1024, yüksek çözünürlük için 1536 x 2048) en boy oranlı görüntüleri dahil edin. Bir tam ekran görüntüyü tam ekran olmayan bir uygulama için paketlediğinizde, en üstteki 20 pikselin (yüksek çözünürlük için 40 piksel) durum çubuğuyla kaplandığını unutmayın. Bu alanda önemli bilgiler görüntülemekten kaçının.

Örnekler

Aşağıdaki tablo, olası en geniş aygıt ve yönlendirme aralığını destekleyen ve example:// şemasını kullanarak URL'lerle başlatılabilecek varsayımsal bir uygulama için dahil edebileceğiniz örnek başlatma görüntüleri setini gösterir:

Dosya adı

Görüntü boyutu

Kullanım

Default.png

320 x 480

iPhone, standart çözünürlük

Default@2x.png

640 x 960

iPhone, yüksek çözünürlük

Default-568h@2x.png

640 x 1136

iPhone, yüksek çözünürlük, 16:9 boyut oranı

Default-Portrait.png

768 x 1004 (AIR 3.3 ve önceki sürümleri)

768 x 1024 (AIR 3.4 ve sonraki sürümleri)

iPad, dikey yönlendirme

Default-Portrait@2x.png

1536 x 2008 (AIR 3.3 ve önceki sürümleri)

1536 x 2048 (AIR 3.4 ve sonraki sürümleri)

iPad, yüksek çözünürlük, dikey yönlendirme

Default-PortraitUpsideDown.png

768 x 1004 (AIR 3.3 ve önceki sürümleri) 768 x 1024 (AIR 3.4 ve sonraki sürümleri)

iPad, baş aşağı dikey yönlendirme

Default-PortraitUpsideDown@2x.png

1536 x 2008 (AIR 3.3 ve önceki sürümleri) 1536 x 2048 (AIR 3.4 ve sonraki sürümleri)

iPad, yüksek çözünürlük, baş aşağı dikey yönlendirme

Default-Landscape.png

1024 x 768

iPad, sol yatay yönlendirme

Default-LandscapeLeft@2x.png

2048 x 1536

iPad, yüksek çözünürlük, sol yatay yönlendirme

Default-LandscapeRight.png

1024 x 768

iPad, sağ yatay yönlendirme

Default-LandscapeRight@2x.png

2048 x 1536

iPad, yüksek çözünürlük, sağ yatay yönlendirme

Default-example.png

320 x 480

Standart iPhone'da example:// URL

Default-example@2x.png

640 x 960

Yüksek çözünürlüklü iPhone'da example:// URL

Default-example~ipad.png

768 x 1004

iPad'de dikey yönlendirmelerde example:// URL

Default-example-Landscape.png

1024 x 768

iPad'de yatay yönlendirmelerde example:// URL

Bu örnek yalnızca bir yaklaşımı gösterir. Örneğin iPad için Default.png görüntüsünü kullanabilir ve Default~iphone.png ve Default@2x~iphone.png ile iPhone ve iPod için belirli başlatma görüntülerini belirtebilirsiniz.

Ayrıca bkz.

iOS Application Programming Guide: Application Launch Images (iOS Uygulama Programlama Kılavuzu: Uygulama Başlatma Görüntüleri)

İOS aygıtları için pakette başlatma görüntüleri

Aygıtlar

Çözünürlük (piksel)

Başlatma görüntüsü adı

Yönlendirme

iPhone'lar

iPhone 4 (retina olmayan)

640 x 960

Default~iphone.png

Dikey

iPhone 4, 4s

640 x 960

Default@2x~iphone.png

Dikey

iPhone 5, 5c, 5s

640 x 1136

Default-568h@2x~iphone.png

Dikey

iPhone 6, iPhone7

750 x 1334

Default-375w-667h@2x~iphone.png

Dikey

iPhone 6+, iPhone7+

1242 x 2208

Default-414w-736h@3x~iphone.png

Dikey

iPhone 6+, iPhone7+

2208 x 1242

Default-Landscape-414w-736h@3x~iphone.png

Yatay

iPad'ler

iPad 1, 2

768 x 1024

Default-Portrait~ipad.png

Dikey

iPad 1, 2

768 x 1024

Default-PortraitUpsideDown~ipad.png

Baş aşağı dikey

iPad 1, 2

1024 x 768

Default-Landscape~ipad.png

Sol yatay

iPad 1, 2

1024 x 768

Default-LandscapeRight~ipad.png

Sağ yatay

iPad 3, Air

1536 x 2048

Default-Portrait@2x~ipad.png

Dikey

iPad 3, Air

1536 x 2048

Default-PortraitUpsideDown@2x~ipad.png

Baş aşağı dikey

iPad 3, Air

2048 x 1536

Default-LandscapeLeft@2x~ipad.png

Sol yatay

iPad 3, Air

2048 x 1536

Default-LandscapeRight@2x~ipad.png

Sağ yatay

iPad Pro

2048 x 2732

Default-Portrait@2x.png

Dikey

iPad Pro

2732 x 2048

Default-Landscape@2x.png

Yatay

Sanat kılavuzları

Doğru boyutlarda olduğu sürece, başlatma görüntüsü için istediğiniz resmi oluşturabilirsiniz. Ancak, çoğunlukla ideal olan görüntünüzü uygulamanın ilk haliyle eşleştirmektir. Uygulamanızın başlangıç ekranının bir ekran görüntüsünü alarak böyle bir başlangıç görüntüsü oluşturabilirsiniz:

  1. Uygulamanızı iOS aygıtında açın. Kullanıcı arabiriminin ilk ekranı göründüğünde, Home (Ana Sayfa) düğmesini (ekranın altında) basılı tutun). Home (Ana Sayfa) düğmesini basılı tutarken Power/Sleep (Güç/Uyku) düğmesine basın (aygıt menüsünün en üstünde). Bu bir ekran görüntüsü alır ve bu görüntüyü Film Rulosu'na gönderir.

  2. iPhoto veya başka bir fotoğraf aktarma uygulamasından fotoğraf aktararak görüntüyü geliştirme bilgisayarınıza aktarın.

Uygulamanız birden çok dile yerelleştirilmişse başlangıç görüntüsüne metin eklemeyin. Başlangıç görüntüsü sabittir ve metin, diğer diller ile eşleşmez.

Ayrıca bkz.

iOS Human Interface Guidelines: Launch images (iOS Kullanıcı Arabirimi Kılavuzları: Başlatma görüntüleri)