ImageConver · Day 17 · Browser icon tool
iOS App Icon Generator
Generate a 1024×1024 iOS app icon master plus a compatibility-oriented AppIcon.appiconset containing common iPhone and iPad PNG sizes and Contents.json. The browser creates the package locally for review in Xcode.
Pemrosesan lokal. Gambar sumber tetap ada di tab browser ini. Simpan master yang dapat diedit dan validasi aset yang dihasilkan di alat resmi platform.
Pilih gambar untuk memulai.
Jawaban langsung
Apa yang dihasilkan halaman ini dan di mana tempatnya
Generate a 1024×1024 iOS app icon master plus a compatibility-oriented AppIcon.appiconset containing common iPhone and iPad PNG sizes and Contents.json. The browser creates the package locally for review in Xcode. Current Xcode projects can generate many variants from a single 1024×1024 image and newer Apple workflows support layered appearances. This tool also exports older individual sizes for compatibility, but it cannot create semantic layers, dark or tinted artwork, or an Icon Composer project.
Pekerjaan ikon adalah sistem pengiriman, bukan pengubahan ukuran tunggal. Suatu platform dapat menggunakan identitas yang sama di toko, peluncur, notifikasi, layar pengaturan, tab browser, aplikasi web yang diinstal, pintasan, atau hasil pencarian sistem operasi. Setiap konteks dapat menerapkan masker, kepadatan, cache, aturan pengomposisian, atau langkah validasi yang berbeda. Oleh karena itu, paket yang dihasilkan harus diperlakukan sebagai turunan teruji dari master merek yang dapat diedit.
Mulailah dengan karya seni sumber bersih. Pertahankan subjek utama tetap di tengah, hapus teks yang tidak perlu, hindari detail garis rambut, dan nilai desain berdasarkan ukuran tampilan sebenarnya terkecil. Jangan menambahkan penutup luar platform atau bayangan sistem ke sumbernya kecuali pedoman resmi saat ini secara eksplisit mengharuskan perlakuan tersebut. Pratinjau besar dapat menyembunyikan masalah yang terlihat jelas pada ukuran 16, 32, atau 48 piksel.
Dimensi file saja tidak membuktikan kebenarannya. Konfirmasikan ruang warna, perilaku alfa, jalur file, tipe MIME, metadata manifes atau katalog aset, deklarasi tujuan, penamaan, perilaku cache, dan presentasi perangkat sebenarnya. Pertahankan file sumber dan dokumentasikan pengaturan generator mana yang menghasilkan aset rilis yang ditinjau.
Alur kerja
Proses ikon empat langkah yang terkontrol
- 1
Periksa sumbernya
Choose a square 1024-pixel-or-larger master without a baked corner mask.
- 2
Pilih pengaturan
Select fit, padding, and a solid background appropriate for the artwork.
- 3
Hasilkan aset
Generate the AppIcon.appiconset ZIP and inspect every small-size derivative.
- 4
Validasi pengiriman
Import into a duplicate Xcode project, review warnings, and follow the current target configuration.
Kualitas visual
Kesesuaian, detail, transparansi, dan pengakuan
Pembingkaian dan bantalan
Mode Fit mengubah arti. Berisi menyimpan sumber lengkap dan dapat menambahkan latar belakang di sekitarnya; penutup memenuhi kotak dan dapat memotong tepinya. Padding berguna untuk tanda di tengah, tetapi jika terlalu banyak akan membuat ikon terlihat kecil. Bandingkan masker dan pratinjau kecil sebelum menerima nilai.
Detail berukuran kecil
Perampingan raster menghilangkan detail. Goresan tipis, penghitung kecil, tekstur fotografi, dan jenis huruf dapat kabur atau hilang. Ikon kecil terbaik sering kali berupa gambar yang disederhanakan daripada versi karya seni pemasaran yang diperkecil secara mekanis. Tinjau keluaran piksel sebenarnya pada skala 100%.
Perilaku latar belakang
Transparansi tidaklah netral. Browser, peluncur, toko, atau sistem operasi mungkin menggabungkan piksel transparan dengan warna yang tidak Anda pilih. Karya seni platform full-bleed harus menggunakan latar belakang yang disengaja dimana panduan mengharapkannya, sementara format seperti ICO mungkin sengaja mempertahankan alpha.
Kontras warna dan pengenalan penting di lingkungan terang, gelap, berwarna, dan bertema. Uji ikon di dekat ikon pesaing dan pada berbagai latar belakang. Pembuatan otomatis tidak dapat menentukan apakah suatu merek bersifat khas, dapat diakses, disahkan secara hukum, atau konsisten dengan aturan merek saat ini.
Batasan penting
Apa yang tidak dapat dijamin oleh pembuatan ikon otomatis
- The generator does not create Icon Composer layered source files.
- Automatic downsizing cannot add hand-tuned detail for small icon contexts.
- Apple platform requirements and Xcode asset-catalog behavior can change.
- App Store acceptance depends on the complete application and current review process.
Kasus penggunaan
Dimana halaman ini cocok untuk produksi
Pengiriman produk
Prepare a baseline asset catalog from one approved master.
Pekerjaan kompatibilitas
Create legacy per-size assets for an existing project.
Tinjauan kualitas
Inspect whether artwork remains clear in notifications and Settings.
Serah terima pengembang
Provide a structured ZIP for developer review.
Pelaksanaan
Konfigurasi, caching, dan pemeriksaan rilis
Simpan file yang dihasilkan pada URL yang stabil dan sadar cache. Manifes atau deklarasi HTML yang mengarah ke file yang hilang tidak dapat diselamatkan jika PNG yang tepat ada di komputer pengembang. Verifikasi status HTTP, jenis konten, dimensi, byte file, dan perilaku asal yang sama atau lintas asal jika relevan.
Perlakukan file konfigurasi sebagai kode yang dapat ditinjau. Periksa setiap entri manifes, catatan katalog aset, nama folder, faktor skala, token tujuan, dan nama file sebelum penggabungan. Fragmen yang dihasilkan sengaja menghindari tebakan nama aplikasi, URL awal, pengidentifikasi bundel, warna tema, atau pengaturan proyek milik aplikasi sebenarnya.
Pembatalan cache memerlukan pemeriksaan rilis. Aplikasi web, browser, peluncur, sistem build, dan penyimpanan yang terinstal dapat mempertahankan sumber daya ikon lama. Gunakan jalur berversi atau kebijakan cache yang disengaja, bangun kembali aplikasi, instal ulang bila perlu, dan bedakan sumber daya lama dari sumber daya yang dibuat secara tidak benar.
Validasi geometri dan alur kerja. Geometri mencakup pemangkasan, zona aman, pemusatan, perlakuan tepi, dan kejelasan ukuran kecil. Alur kerja mencakup kontrol sumber yang benar, pengaturan berulang, konfigurasi platform, output build, penerapan, dan rollback. File yang menarik secara visual masih bisa gagal karena proyek mereferensikan nama file yang berbeda.
Pribadi
Pemrosesan lokal dan penanganan aset
Browser membaca sumber yang dipilih dengan API file lokal, menggambar turunan ke kanvas, mengkodekan data PNG, dan menyusun ZIP atau ICO yang diminta dalam memori. ImageConver tidak mengirimkan piksel sumber ke titik akhir konversi ikon dalam alur kerja ini.
Pemrosesan lokal mengurangi paparan transfer tetapi tidak membuat perangkat bersama menjadi pribadi. Unduhan browser, daftar file terbaru, folder tersinkronisasi, cadangan, ekstensi, dan pratinjau sistem operasi mungkin menyimpan salinan. Gunakan tempat kerja yang disetujui untuk merek yang belum dirilis atau karya seni produk rahasia.
URL objek yang dihasilkan bersifat sementara dan dicabut ketika diganti atau disetel ulang. Pindahkan aset yang telah ditinjau ke penyimpanan proyek terkontrol, pertahankan master yang dapat diedit, dan tutup tab setelah menangani materi sensitif.
Pertanyaan umum
iOS App Icon Generator FAQ
What source size should I use?
Use at least 1024×1024 pixels for iOS and iPadOS artwork. A larger editable master can be retained outside the app project.
Does Xcode still need every small PNG?
Current Xcode can generate variants from one 1024×1024 image in supported projects. The ZIP includes compatibility sizes for projects that still use all-size asset catalogs.
Should I add rounded corners?
No. Supply square artwork and let the system apply its mask.
Does this support dark and tinted variants?
It produces one flattened artwork set. Create and validate appearance-specific or layered assets using current Apple tools.
What is Contents.json?
It maps filenames to idioms, point sizes, and scale factors inside an Xcode asset catalog icon set.
Are source images uploaded?
No. Canvas resizing, PNG encoding, JSON creation, and ZIP packaging occur locally.
Can I submit the ZIP directly to App Store Connect?
No. Import and validate assets in Xcode, build the app, and follow the current distribution workflow.
Referensi utama
Dokumentasi platform saat ini
- Apple: Configuring your app icon using an asset catalog
- Apple Human Interface Guidelines: App icons
- MDN: CanvasRenderingContext2D drawImage
Terakhir ditinjau: 20 Oktober 2026. Persyaratan platform dan perubahan alat; memverifikasi aset penting rilis terhadap dokumentasi utama saat ini.