Kompres Gambar untuk Aplikasi iOS
Hasilkan varian aset iOS @1x, @2x, dan @3x dari satu gambar sumber - atur ukuran titik logis dasar Anda, pilih keluaran PNG atau JPEG, dan unduh ketiga varian skala sebagai ZIP siap Xcode dengan Contents.json yang disertakan. Semua pemrosesan terjadi secara lokal di browser Anda tanpa unggahan ke server dan tanpa daftar.
@2x = 88×88px · @3x = 132×132px
PNG is recommended for icons and UI assets with transparency.
iOS Asset Scale Variants
@1x - Standard
Base logical size
Non-Retina displays
@2x - Retina
2× the base size
iPhone 6/7/8, iPad Pro
@3x - Super Retina
3× the base size
iPhone X, 11, 12, 13, 14, 15
The ZIP includes a Contents.json file ready to drop into an Xcode asset catalog (.xcassets).
Mengapa Menggunakan Alat Kompres Gambar untuk Aplikasi iOS Kami?
- Pembuatan Aset iOS Instan: alat kompres gambar untuk aplikasi iOS kami menghasilkan ketiga varian skala (@1x, @2x, @3x) dari satu gambar sumber dalam hitungan detik - tanpa Photoshop, tanpa Sketch, tanpa alat baris perintah. Unggah, atur ukuran dasar Anda, dan unduh semua varian seketika.
- Kompres Gambar untuk Aplikasi iOS Online yang Aman: gambar Anda tidak pernah meninggalkan perangkat Anda. Alat ini berjalan 100% di sisi klien di browser Anda - tanpa unggahan ke server, tanpa penyimpanan data, dan tanpa risiko privasi. Aman untuk mengompres ikon aplikasi proprietari, aset antarmuka, dan gambar merek.
- Kompres Gambar untuk Aplikasi iOS Tanpa Instalasi: hasilkan varian aset iOS langsung di browser Anda tanpa memasang Xcode, ImageMagick, atau alat lain. Alat ini berfungsi di Windows, macOS, dan Linux - buka halaman dan langsung mulai menghasilkan.
- ZIP Siap Xcode dengan Contents.json: unduhan ZIP menyertakan file Contents.json siap pakai yang diformat untuk katalog aset Xcode (.xcassets). Letakkan isi ZIP langsung ke katalog aset proyek Xcode Anda - tanpa konfigurasi manual.
Apa itu Varian Skala iOS @1x, @2x, dan @3x?
Perangkat iOS menggunakan sistem koordinat titik logis yang independen dari kepadatan piksel fisik layar. Tombol berukuran 44×44 titik menempati ruang logis yang sama di setiap iPhone, tetapi dimensi piksel sebenarnya bervariasi menurut perangkat: @1x (44×44 px, non-Retina), @2x (88×88 px, Retina), dan @3x (132×132 px, Super Retina pada iPhone X dan yang lebih baru). iOS secara otomatis memilih varian skala yang tepat berdasarkan kepadatan layar perangkat - jika Anda hanya menyediakan satu ukuran, iOS akan memperbesar atau memperkecilnya, menghasilkan gambar buram atau berpiksel. Alat kompres gambar untuk aplikasi iOS kami menghasilkan ketiga varian dari satu gambar sumber agar aplikasi Anda terlihat tajam di setiap perangkat.
Cara Kerja Alat Kompres Gambar untuk Aplikasi iOS Kami
- Unggah Gambar Sumber Anda: letakkan file gambar apa pun - PNG, JPEG, WebP, atau GIF - ke zona unggah. Alat ini otomatis mendeteksi dimensi gambar dan mengisi ukuran dasar @1x (memperlakukan sumber Anda sebagai gambar @3x). Sesuaikan lebar dan tinggi dasar agar sesuai dengan ukuran titik logis yang Anda inginkan.
- Hasilkan Semua Varian Skala: klik «Hasilkan @1x @2x @3x» dan alat akan merender gambar Anda pada ketiga faktor skala menggunakan API HTML5 Canvas. Semua pemrosesan terjadi secara lokal di browser Anda - gambar Anda tidak pernah meninggalkan perangkat.
- Unduh sebagai ZIP Siap Xcode: klik «Unduh ZIP + Contents.json» untuk mengunduh ketiga varian plus file Contents.json yang diformat untuk katalog aset Xcode. Letakkan isi ZIP langsung ke folder .xcassets Anda di Xcode.
Apa yang Dihasilkan Alat Ini
- Varian @1x: dirender pada ukuran titik logis dasar yang Anda tentukan (misalnya 44×44 px untuk target sentuh standar). Digunakan pada layar non-Retina dan sebagai referensi dasar katalog aset.
- Varian @2x: dirender tepat 2× ukuran dasar (misalnya 88×88 px). Digunakan pada layar Retina termasuk iPhone 6/7/8, iPad Pro, dan sebagian besar iPad modern.
- Varian @3x: dirender tepat 3× ukuran dasar (misalnya 132×132 px). Digunakan pada layar Super Retina termasuk seri iPhone X, 11, 12, 13, 14, dan 15.
- Contents.json: file manifes katalog aset Xcode yang valid yang memetakan setiap file gambar ke faktor skalanya - letakkan di folder .xcassets Anda bersama ketiga file gambar untuk pengenalan Xcode seketika.
Keterbatasan Penting
Alat ini menghasilkan varian gambar raster pada faktor skala tetap. Alat ini tidak mendukung aset PDF vektor (yang dapat digunakan Xcode untuk menghasilkan semua skala secara otomatis) atau gambar simbol (SF Symbols). Khusus untuk ikon aplikasi, Apple memerlukan ukuran tambahan di luar @1x/@2x/@3x - gunakan alat Pembuat Ikon Aplikasi untuk set ikon App Store yang lengkap. Alat kompres gambar untuk aplikasi iOS paling cocok untuk aset gambar antarmuka, ikon bilah tab, dan ilustrasi khusus.
Pertanyaan yang Sering Diajukan
iOS menggunakan sistem koordinat titik logis, di mana tombol berukuran 44×44 titik menempati ruang logis yang sama di setiap perangkat. Varian @1x berukuran 44×44 px (non-Retina), @2x berukuran 88×88 px (Retina), dan @3x berukuran 132×132 px (Super Retina pada iPhone X dan yang lebih baru). iOS secara otomatis memilih varian yang tepat berdasarkan kepadatan layar perangkat - menyediakan ketiganya menjamin rendering tajam di setiap perangkat.
Ukuran dasar adalah ukuran titik logis @1x dari aset Anda. Untuk target sentuh standar, Apple merekomendasikan 44×44 pt. Untuk ikon bilah tab, standarnya 25×25 pt. Untuk ikon bilah navigasi, 22×22 pt. Alat ini otomatis mengisi ukuran dasar dengan membagi dimensi gambar sumber Anda dengan 3 (memperlakukannya sebagai sumber @3x), yang merupakan alur kerja paling umum.
Ya, sepenuhnya. Alat kompres gambar untuk aplikasi iOS ini berjalan sepenuhnya di sisi klien di browser Anda. Gambar Anda tidak pernah diunggah ke server mana pun, tidak pernah disimpan, dan tidak pernah dikirim melalui jaringan. Semua rendering dan kompresi terjadi secara lokal di memori browser Anda menggunakan API HTML5 Canvas.
Ya. Alat kompres gambar untuk aplikasi iOS ini 100% gratis tanpa pendaftaran, tanpa tingkat premium, tanpa batas ukuran file, dan tanpa tanda air. Anda dapat menghasilkan sebanyak mungkin set aset iOS sesuai kapasitas memori browser Anda tanpa batasan apa pun.
Contents.json adalah file manifes yang digunakan Xcode untuk mengidentifikasi gambar dalam katalog aset (.xcassets). File ini memetakan setiap nama file gambar ke faktor skalanya (1x, 2x, 3x) dan idiomnya (universal). Letakkan isi ZIP langsung ke folder .xcassets Anda di Xcode dan aset akan langsung dikenali tanpa konfigurasi manual.
PNG direkomendasikan untuk sebagian besar aset antarmuka iOS - format ini mendukung transparansi saluran alfa penuh, tanpa kehilangan, dan didukung secara native oleh semua versi iOS. Gunakan JPEG untuk gambar fotografis yang tidak memerlukan transparansi dan ukuran file menjadi prioritas. WebP didukung pada iOS 14+ tetapi mungkin tidak kompatibel dengan target penerapan yang lebih lama.
Ya. React Native menggunakan konvensi penamaan @1x/@2x/@3x yang sama untuk aset gambar iOS (misalnya image.png, [email protected], [email protected]). Flutter juga mendukung konvensi ini untuk iOS. Alat ini menghasilkan file dengan pola penamaan yang benar - cukup letakkan di direktori aset proyek Anda.
Ikon App Store memerlukan beberapa ukuran khusus di luar varian standar @1x/@2x/@3x (misalnya 1024×1024 untuk App Store, 60×60 @2x dan @3x untuk layar utama). Alat ini menghasilkan tiga varian skala pada ukuran dasar yang Anda tentukan, yang mencakup aset gambar antarmuka dan ikon bilah tab. Untuk set ikon App Store yang lengkap, gunakan alat pembuat ikon aplikasi khusus.
Alat ini akan memperbesar gambar sumber Anda untuk menghasilkan varian yang lebih besar, yang dapat menghasilkan keluaran buram. Untuk hasil terbaik, selalu mulai dengan gambar sumber yang setidaknya sebesar ukuran target @3x Anda (3× lebar dan tinggi dasar). Alat ini mengisi ukuran dasar dengan membagi dimensi sumber Anda dengan 3, jadi jika sumber Anda 132×132 px, keluaran @3x akan sempurna piksel demi piksel.