Apa itu imageset?
Imageset Xcode adalah folder resource bernama yang berisi file gambar dan deskripsi Contents.json. Folder ini diletakkan di dalam katalog Assets.xcassets. Aplikasi memakai nama resource-nya, sedangkan katalog menjelaskan file mana yang dipakai untuk setiap skala atau representasi.
Pengekspor aset gambar iOS membuat struktur folder itu dari artwork yang kamu unggah atau dari hasil yang sudah kamu buka. Alat ini bisa mengemas SVG vektor sederhana atau merender varian PNG transparan. Alat ini tidak mengubah foto jadi path vektor hanya dengan memasukkannya ke dalam katalog.
Pilih vektor untuk artwork sederhana yang bisa diskalakan
Pilih SVG vektor kalau sumbernya SVG yang tersusun dari path solid dan bentuk sederhana. Pengekspor meratakan geometri yang didukung dan menulis imageset dengan Preserve Vector Data aktif. Aset gambar SVG butuh iOS 13 atau yang lebih baru.
Konverter ini sengaja memakai subset vektor yang terbatas. Teks sebaiknya diubah jadi outline dulu, sedangkan gradasi, mask, clipping, dan efek lainnya butuh output PNG di alat ini. Fitur yang tidak didukung menghasilkan error supaya kamu bisa memilih alternatif yang sesuai. Apa pun yang tidak aman, seperti skrip, dihapus dan dicantumkan; baca peringatan yang ada sebelum mengimpor file-nya.
File vektor mempertahankan geometri yang bisa diskalakan, tapi tidak otomatis memperbaiki desainnya. Hasil tracing yang terlalu rumit dengan ribuan bentuk kecil bisa kurang berguna dibanding bitmap yang bersih. Cek gambarnya di ukuran yang benar-benar dipakai antarmukamu, terutama kalau ada stroke tipis atau huruf kecil.
Pilih PNG untuk resource gambar berukuran tetap
Varian PNG menerima sumber SVG, PNG, JPEG, WebP, dan HEIC. SVG dirender jadi PNG; unggahan PNG, JPEG, WebP, atau HEIC dihapus metadatanya. Transparansi tetap dipertahankan. Ini berguna kalau efek render yang kompatibel lebih penting daripada geometri yang bisa diedit.
Kontrol lebarnya dalam point, bukan jumlah piksel akhirnya. Dengan lebar 64 point, pengekspor menghasilkan file-file ini:
| Skala | Lebar dalam piksel | Nama file |
|---|---|---|
| 1× | 64 | artwork@1x.png |
| 2× | 128 | artwork@2x.png |
| 3× | 192 | artwork@3x.png |
Tinggi mengikuti rasio aspek aslinya. Sumber yang tingginya dua kali lebarnya menghasilkan gambar 64 kali 128 piksel di 1×. Pilih lebar point yang lebih kecil kalau sumber yang tinggi akan melebihi batas tinggi ekspor. Pengaturan lebar tidak mengubah ukuran imageset vektor, yang tetap memakai viewBox-nya.
Impor tanpa mengganti katalogmu
Ekstrak unduhannya lalu cari Assets.xcassets/artwork.imageset, atau folder yang setara dengan nama resource pilihanmu. Seret imageset itu ke katalog yang sudah ada. Jangan mengganti seluruh katalog: katalog itu mungkin berisi warna, ikon, dan resource lain yang sudah dibutuhkan aplikasimu.
Di SwiftUI, resource bernama artwork bisa dirujuk dengan Image("artwork"). Terapkan tata letak dan perilaku skala yang diinginkan antarmukamu di aplikasi. Cek aset yang diimpor di Xcode dan di perangkat, termasuk tepi transparannya di atas permukaan terang maupun gelap.
Imageset bukan SF Symbol dan tidak mewarisi perilaku pembuatan format simbol tersebut. Imageset juga terpisah dari ikon launcher aplikasi. Pakai pembuat ikon aplikasi Android dan iOS kalau kamu butuh katalog aset AppIcon, atau konverter VectorDrawable Android untuk drawable antarmuka Android.