Gambar / Ikon aplikasi
Generator Ikon Liquid Glass untuk Icon Composer
Ubah PNG atau SVG latar depan menjadi bundle .icon Liquid Glass untuk Icon Composer dan Xcode 26. Pilih warna latar dan padding, bandingkan pratinjau terang, gelap, berwarna, dan transparan, lalu ekspor PNG datar 1024 × 1024.
Generator Ikon Liquid Glass untuk Icon Composer: Memisahkan satu gambar latar depan dari gradien latar otomatis yang disediakan oleh Icon Composer. Tool ini memusatkan artwork sesuai padding Anda dan mengemas bundle .icon dalam ZIP. Pratinjau di browser menampilkan bentuk kotak bersudut membulat dan lingkaran watch, dengan mode berwarna dan transparan yang mendekati hasil akhir. PNG datar menggunakan warna dasar solid yang dipilih dan tidak memiliki material kaca. Kontrol bentuk dan tampilan pratinjau tidak mengubah pengaturan bundle. Berjalan 100% lokal di browser Anda tanpa upload file ke server.
- Kategori
- Tools gambar
- Dijalankan
- Di browser Anda
- Biaya
- Gratis · tanpa daftar
- Ketersediaan
- Siap digunakan
Berjalan sepenuhnya di browser Anda
Liquid Glass adalah bahasa desain Apple yang diperkenalkan bersama iOS 26. Ikon app menggunakan lapisan dan material yang menyesuaikan tampilan serta lingkungan sekitarnya. Dokumentasi developer Apple · Human Interface Guidelines
Letakkan artwork di sini atau pilih file. Artwork transparan memberikan hasil terbaik. Maksimal 20 MB.
Icon Composer mengisi latar dengan gradien otomatis berdasarkan warna Anda. Pratinjau ini dan PNG yang sudah diratakan menggunakan warna dasar solid; sesuaikan gradien akhir di Icon Composer.
Pratinjau perkiraan; tampilan akhir dirender oleh iOS. Tampilan bentuk, tinted, dan clear adalah ilustrasi, bukan rendering material Apple.
Ekstrak ZIP, buka AppIcon.icon di Icon Composer untuk Xcode 26, periksa material dan tampilannya, lalu tambahkan bundle .icon ke project Xcode Anda. Gunakan PNG yang sudah diratakan dalam katalog aset untuk target yang lebih lama. Panduan Icon Composer Apple
Generator ini mempertahankan satu lapisan latar depan di atas isian latar. Generator ini tidak mengedit kedalaman lapisan, refraksi, highlight, atau bayangan. Tambahkan dan sesuaikan lapisan lainnya di Icon Composer. Kontrol pratinjau tidak mengubah pengaturan tampilan bundle.
Gambar Anda tetap berada di browser. Tidak ada yang di-upload.
Desain Liquid Glass dan ikon app
Apple menjelaskan Liquid Glass dan ikon app adaptif dalam dokumentasi developer serta Human Interface Guidelines. Ikuti panduannya agar ikon tetap mudah dikenali di berbagai platform dan tampilan. https://developer.apple.com/documentation/technologyoverviews/liquid-glass dan https://developer.apple.com/design/human-interface-guidelines/app-icons
Icon Composer dan Xcode
Icon Composer mendukung artwork berlapis dan penyesuaian material. Buka dan periksa bundle .icon yang diekstrak di sana sebelum menambahkannya ke project Xcode. Generator ini menyediakan satu layer foreground dan gradien latar belakang otomatis berdasarkan warna Anda. https://developer.apple.com/icon-composer/ dan https://developer.apple.com/documentation/Xcode/creating-your-app-icon-using-icon-composer
Cara menggunakannya
- Pilih artwork latar depan, idealnya PNG transparan atau SVG, lalu atur padding dan warna latarnya.
- Bandingkan layar utama terang dan gelap, bentuk platform, serta tampilan berwarna atau transparan yang mendekati hasil akhir.
- Download dan ekstrak ZIP .icon, buka bundle tersebut di Icon Composer, periksa tampilan akhirnya, lalu tambahkan ke project Xcode Anda. Download PNG datar untuk target yang lebih lama.
Privasi & batasan
Gambar didekodekan dan diekspor di browser Anda. Artwork Anda tidak diunggah.
Alat terkait
Pertanyaan umum
Apa itu Liquid Glass?
Liquid Glass adalah bahasa desain Apple yang diperkenalkan bersama iOS 26. Ikon app dapat menggunakan layer dan material yang beradaptasi pada berbagai tampilan. Halaman ini menyiapkan bundle awal; sistem operasi yang merender tampilan akhirnya.
Bagaimana cara menggunakan hasil download di Xcode 26?
Ekstrak ZIP dan buka bundle AppIcon.icon di Icon Composer. Periksa dan simpan ikon di sana, lalu tambahkan bundle .icon ke project Xcode Anda dan pilih sebagai ikon app. Panduan Icon Composer dari Apple menjelaskan penyiapan project.
Apakah editor ini mendukung kedalaman berlapis?
Tool ini menyediakan satu layer latar depan di atas isian latar. Tool ini tidak mengedit beberapa layer, kedalaman, refraksi, highlight, atau bayangan. Tambahkan layer dan atur material di Icon Composer.
Apakah pratinjau ini merupakan tampilan akhir iOS?
Tidak. Bentuk kotak bersudut membulat dan lingkaran, serta efek berwarna dan transparan, hanyalah pratinjau yang mendekati hasil akhir. Tampilan akhir dirender oleh iOS. Browser dan PNG datar menggunakan warna latar solid; Icon Composer menyediakan gradien otomatis.
Alat gratis · berjalan di browser anda · tanpa perlu akun