Berapa ukuran yang digunakan untuk splash screen aplikasi iOS?


96

Saya mengembangkan aplikasi menggunakan iOS SDK. Saya perlu tahu Defaultukuran layar splash yang saya butuhkan.


2
Hanya di samping: ingat iOS tidak menganjurkan menggunakan Splash Screens. Sebagai gantinya gunakan Gambar Luncurkan. Mereka secara teknis sama, tetapi berbeda secara konseptual. Layar Pembuka biasanya digunakan sebagai gambar merek, sedangkan Layar Peluncuran adalah gambar UI yang telah dirender sebelumnya yang memberi kesan kepada pengguna bahwa aplikasi dimuat lebih cepat. Periksa Pedoman Antarmuka Manusia iOS dalam masalah ini
Hugo A

Jawaban:


179

Pembaruan 2018 - Jangan gunakan info ini!

Saya meninggalkan posting di bawah ini untuk tujuan referensi.

Silakan baca dokumentasi Apple Panduan Antarmuka Manusia - Layar Luncurkan untuk detail tentang layar peluncuran dan rekomendasi.

Terima kasih
Drekka


Juli 2012 - Karena balasan ini agak tua, tetapi gambar diam tampaknya populer. Saya telah menulis posting blog berdasarkan dokumen Apple dan meletakkannya di blog saya . Semoga bermanfaat bagi kalian semua.

Iya. Dalam pengembangan iPhone / iPad, Default.pngfile ditampilkan oleh perangkat secara otomatis sehingga Anda tidak perlu memprogramnya yang sangat berguna. Saya tidak memilikinya dengan saya, tetapi Anda memerlukan PNG yang berbeda untuk iPad dengan nama tertentu. Saya mencari di Google iPad default pngdan mendapatkan info ini dari situs phunkwerks :


iPad Luncurkan Orientasi Gambar

Untuk menangani berbagai opsi orientasi, konvensi penamaan baru telah dibuat untuk gambar peluncuran iPad. Ukuran layar iPad adalah 768 × 1024, perhatikan pada dimensi yang mengikuti ketinggian memperhitungkan status bar 20 piksel.

Dimensi Nama File

  • Default-Portrait.png * - 768w x 1024 jam
  • Default-PortraitUpsideDown.png - 768w x 1024 jam
  • Default-Landscape.png ** - 1024w x 748j
  • Default-LandscapeLeft.png - 1024w x 748 jam
  • Default-LandscapeRight.png - 1024w x 748 jam
  • iPad-Retina–Portrait.png - 1536w x 2048 jam
  • iPad-Retina–Landscape.png - 2048w x 1496h
  • Default.png - Tidak direkomendasikan

* —Jika Anda belum menentukan Default-PortraitUpsideDown.pngfile, file ini akan diutamakan.

** - Jika Anda belum menentukan file gambar Default-LandscapeLeft.pngatau Default-LandscapeRight.png, file ini akan diutamakan.

Tautan ke "Perpustakaan Pengembang Apple" ini juga berguna.


16
Perhatikan bahwa Default.png adalah apa yang digunakan untuk iPhone saat menjalankan aplikasi universal pada perangkat itu, jadi itu harus berupa gambar standar 320 x 480 atau 320 x 460. "Tidak disarankan" hanya untuk aplikasi iPad saja.
Brad Larson

2
Terima kasih! Saya sekarang menggunakan Default-Portrait.png dengan 768w x 1024h ukuran ini tampaknya juga berfungsi.
powtac

1
Aplikasi saya secara default akan berfungsi dalam mode Lansekap. Tetapi bagaimana saya dapat menentukan gambar default lanskap untuk iPhone?
Satyam

2
Perlu diperhatikan bahwa jika Anda menggunakan versi yang dilokalkan, Anda perlu menghapus file-file ini dari folder root dan memasukkannya ke dalam direktori <language> .lproj Anda.
Jose Muanis

3
Tautan ke blog dalam kiriman tidak berfungsi lagi. Tautan di atas ke web pengembang Apple juga tidak berfungsi lagi.
fisik

31

Mulai Juli 2013 (iOS 6), inilah yang selalu kami gunakan:

IPHONE SPLASH 
Default.png - 320 x 480
Default@2x.png - 640 x 960 
Default-568h@2x.png - 640 x 1096 (with status bar)
Default-568h@2x.png - 640 x 1136 (without status bar)

IPAD SPLASH 
iPadImage-Appname-Portrait.png * 768w x 1004h (with status bar)
iPadImage-Appname-Portrait@2x.png * 1536w x 2008h (with status bar)
iPadImage-Appname-Landscape.png ** 1024w x 748h (with status bar)
iPadImage-Appname-Landscape@2x.png ** 2048w x 1496h (with status bar)

iPadImage-Appname-Portrait.png * 768w x 1024h (without status bar)
iPadImage-Appname-Portrait@2x.png * 1536w x 2048h (without status bar)
iPadImage-Appname-Landscape.png ** 1024w x 768h (without status bar)
iPadImage-Appname-Landscape@2x.png ** 2048w x 1536h (without status bar)

ICON
Appname-29.png
Appname-29@2x.png
Appname-50.png
Appname-50@2x.png
Appname-57.png
Appname-57@2x.png
Appname-72.png
Appname-72@2x.png
iTunesArtwork (512px x 512px)
iTunesArtwork@2x (1024px x 1024px)

4
Bukankah Default-568h@2x.png harus 640 x 1136?
UXUiOS

16

Untuk iOS7, buat gambar peluncuran dalam ukuran berikut:

Untuk iPhone 5 dan iPod touch (generasi ke-5):

  • 640 x 1136 piksel

Untuk perangkat iPhone dan iPod touch lainnya:

  • 640 x 960 piksel
  • 320 x 480 piksel (resolusi standar)

Untuk potret iPad:

  • 1536 x 2048 piksel
  • 768 x 1024 piksel (resolusi standar)

Untuk lanskap iPad:

  • 2048 x 1536 piksel
  • 1024 x 768 piksel (resolusi standar)

Lihat Sumber Daya Desain iOS 7> Panduan Antarmuka Manusia iOS> Luncurkan Gambar

UPDATE 1

Untuk iPhone 6:

  • 750 x 1334 (@ 2x) untuk potret
  • 1334 x 750 (@ 2x) untuk lanskap

Untuk iPhone 6 Plus:

  • 1242 x 2208 (@ 3x) untuk potret
  • 2208 x 1242 (@ 3x) untuk lanskap

UPDATE 2

Untuk iPhone X:

  • 1125 x 2436 (@ 3x) untuk potret
  • 2436 x 1125 (@ 3x) untuk lanskap

Bro, Bisakah Anda memeriksa pertanyaan saya stackoverflow.com/questions/43955856/… ?
Mei Phyu

1
Saya berharap ada tabel yang bagus di sini dengan nama file dan resolusi gambar untuk setiap entri, oh dan lupakan iOS 5,6,7. kami berada di 2017.
computingfreak

8

Anda dapat membuatnya 1024 x 768. Anda juga dapat memeriksa "Status bar awalnya tersembunyi" di file plist.


5

Perbarui 2020 - Xcode 11

Di Xcode 11, Anda hanya dapat menyediakan satu gambar dengan skala 1x, 2x, dan 3x lalu mengaturnya LaunchScreen.storyboarduntuk mengisi layar dan semuanya berjalan dengan baik!

Sebagai Contoh: (1242pt x 2688pt @ 1x)

Ini adalah ukuran layar potret iPhone 11 Pro Maxyang merupakan ukuran layar iPhone yang besar sehingga akan memberi Anda layar splash berkualitas tinggi di semua perangkat iOS.

Perbarui 2019 - iOS 12

Saya telah mengumpulkan semua ukuran yang dibutuhkan untuk layar splash. Yang Anda butuhkan hanyalah menyeret gambar dengan ukuran ini dan menjatuhkannya, Xcode akan menempatkan setiap ukuran di tempat yang tepat.

Semoga berhasil.

Ukuran:

320 × 480

640 × 960

640 × 1136

750 × 1334

768 × 1004

768 × 1024

828 × 1792

1024 × 748

1024 × 768

1125 × 2436

1242 × 2208

1242 × 2688

1536 × 2008

1536 × 2048

1792 × 828

2048 × 1496

2048 × 1536

2208 × 1242

2436 × 1125

2688 × 1242

Catatan

Jumlah gambar yang dibutuhkan adalah 26 gambar tetapi ada 6 ukuran duplikat sehingga Anda akan menemukan ukuran di atas hanya 20.


Jadi saya butuh 20 gambar berbeda hanya untuk splash screen? Sungguh?
Tejas K

Iya. Tidak sesulit itu! Desainer Anda harus melakukannya dengan mudah.
Essam Mohamed Fahmi

Anda dapat menggunakan generator splash screen online apa pun .. jadi dengan menyediakan satu gambar .. itu akan menghasilkan semua splash yang dibutuhkan dari semua ukuran
kumar

3

Di sini saya dapat menambahkan Resolusi dan Spesifikasi Tampilan untuk ukuran iphone 6 & 6+:

iPhone 6+ - Resolusi Aset (@ 3x) - Resolusi (2208 x 1242) px

iPhone 6 - Resolusi Aset (@ 2x) - Resolusi (1334 x 750) px

iPad Air / Retina iPad (Generasi ke-1 & ke-2 / ke-3 & ke-4) - Resolusi Aset (@ 2x) - Resolusi (2048 x 1536) px

iPad Mini (Generasi ke-2 & ke-3) - Resolusi Aset (@ 2x) - Resolusi (2048 x 1536) px

iPhone (6, 5S, 5, 5C, 4S, 4) - Ikon Aplikasi (120x120 px) - Ikon AppStore (1024x1024 px) - Spotlight (80x80 px) - Pengaturan (58x58 px)

iPhone (6+) - Ikon Aplikasi (180x180 px) - Ikon AppStore (1024x1024 px) - Spotlight (120x120 px) - Pengaturan (87x87 px)



Untuk iPhone 6: 750 x 1334 (@ 2x) untuk potret 1334 x 750 (@ 2x) untuk lanskap Untuk iPhone 6 Plus: 1242 x 2208 (@ 3x) untuk potret 2208 x 1242 (@ 3x) untuk lanskap
imti

@imti, Bisakah Anda memeriksa pertanyaan saya stackoverflow.com/questions/43955856/… bro?
Mei Phyu

@MayPhyu Maaf Bro, saya kehilangan kontak karena alasan tiba-tiba. Saya harap masalah Anda teratasi. Jika Masih belum jelas, beri tahu saya.
imti

bro @imti, tidak apa-apa bro Sudah diperbaiki. Tapi, saya punya masalah. Bisakah Anda membantu saya memeriksa tautan ini stackoverflow.com/questions/44304498/… ?
Mei Phyu

3

Untuk Xcode 9 dan perangkat terbaru

Potret

iPhone 4 / 4S 640 x 960

iPhone 5 / 5C / 5S iPod touch generasi ke-5 640 x 1136

iPhone 6/7/8 7 50 x 1334

iPhone 6/7/8 Plus 1242 x 2208

iPhone X 1125 x 2436

iPad non-retina 768 x 1024

iPad retina 1536 x 2048

Pemandangan

iPhone 6, 7 dan 8 plus 2208 x 1242

iPhone X 2436 x 1125

iPad non-retina 1024 x 768

iPad retina 2048 x 1536



1

Dengan aplikasi universal saya memiliki layar splash iPad yang muncul di simulator tetapi tidak di perangkat. IPad malah akan menampilkan percikan Default.png untuk iPhone. File Default-Landscape.png dan Default-Portrait.png sudah ada, jadi dengan? Resolusi harus benar karena saya membuat tangkapan layar menggunakan Window | Penyelenggara | Screenshot dan menggunakan 'Save as Default Image' untuk iPad, lalu baru saja mengganti namanya.

Ternyata (dari satu aplikasi saya) dua tangkapan layar iPad harus dipindahkan ke direktori Resources-iPad. Kemudian semuanya bekerja dengan baik. Tampak jelas sekarang, tapi jika ada orang lain yang tidak bisa tidur karena ini ... -Larry


1

Untuk Pengembang iOS Adobe AIR, perhatikan bahwa jika gambar Splash iPad Anda "bergeser" atau menampilkan dan menskalakan sedetik kemudian, itu karena ada dimensi yang berbeda tergantung pada versi AIR yang Anda gunakan.

Default-Portrait.png:
768 x 1004 (AIR 3.3 dan sebelumnya)
768 x 1024 (AIR 3.4 dan lebih tinggi)

Default-Portrait@2x.png:
1536 x 2008 (AIR 3.3 dan sebelumnya)
1536 x 2048 (AIR 3.4 dan lebih tinggi)

Referensi:
http://help.adobe.com/en_US/air/build/WS901d38e593cd1bac1e63e3d129907d2886-8000.html#WS901d38e593cd1bac58d08f9112e26606ea8-8000

Dengan menggunakan situs kami, Anda mengakui telah membaca dan memahami Kebijakan Cookie dan Kebijakan Privasi kami.
Licensed under cc by-sa 3.0 with attribution required.