Kompresor Aset Flutter
Kompres gambar dan susun menjadi varian densitas aset Flutter (1x, 2x, dan 3x) dengan struktur direktori yang diharapkan Flutter. Kompresor aset Flutter mengodekan ulang gambar memakai Canvas API, membuat direktori assets/images/, assets/images/2.0x/, dan assets/images/3.0x/, serta menyertakan cuplikan pubspec.yaml yang siap tempel. Unggah beberapa gambar sekaligus dan unduh semuanya sebagai ZIP. Semua pemrosesan terjadi di browser Anda tanpa pendaftaran.
Flutter Asset Compressor
Upload images and compress them into Flutter asset density variants - 1x, 2x, and 3x. The flutter asset compressor generates the correct directory structure (assets/images/, assets/images/2.0x/, assets/images/3.0x/) and includes a pubspec.yaml snippet. All processing happens in your browser - your files never leave your device.
Mengapa memakai kompresor aset Flutter kami?
- Kompresi aset Flutter instan di browser: kompres dan buat varian densitas Flutter seketika di browser - tanpa unggah ke server, tanpa pemrosesan cloud, dan tanpa menunggu. Kompresor aset Flutter menghasilkan varian 1x, 2x, dan 3x dengan struktur direktori yang benar dalam hitungan detik, sepenuhnya di perangkat Anda.
- Kompresor aset Flutter online yang aman: gambar Anda tidak pernah keluar dari perangkat. Kompresor aset Flutter berjalan sepenuhnya di browser - tanpa unggahan ke server, tanpa transmisi data, dan 100 % privat. Aman untuk aset app proprietary, gambar merek, dan file proyek Flutter produksi.
- Struktur direktori siap Flutter dengan cuplikan pubspec.yaml: kompresor aset Flutter menghasilkan ZIP dengan tata letak direktori persis seperti yang diharapkan Flutter (assets/images/, assets/images/2.0x/, dan assets/images/3.0x/) plus cuplikan aset pubspec.yaml siap tempel. Langsung masukkan ke proyek Anda.
- 100 % gratis selamanya: kompresor aset Flutter sepenuhnya gratis, tanpa pendaftaran, tanpa paket premium, tanpa batas ukuran file, dan tanpa iklan. Buat varian densitas aset Flutter tanpa batas dengan biaya nol, selamanya.
Kasus penggunaan umum kompresor aset Flutter
- Penyiapan aset proyek Flutter baru: saat memulai proyek Flutter baru, gunakan kompresor aset Flutter untuk menyiapkan semua aset gambar Anda dalam varian densitas 1x, 2x, dan 3x yang benar sejak awal. Cuplikan pubspec.yaml yang dihasilkan menghemat Anda dari menulis deklarasi aset secara manual untuk setiap gambar.
- Mengurangi ukuran unduhan app Flutter: kompres aset gambar Flutter untuk mengurangi ukuran unduhan total app Anda di App Store dan Google Play. Kompresor mengodekan ulang gambar memakai Canvas API, menghapus metadata, dan menerapkan penurunan kualitas - aset yang lebih kecil berarti instalasi lebih cepat dan konversi toko lebih baik.
- Optimalisasi gambar splash screen dan onboarding: kompres gambar splash screen besar dan ilustrasi onboarding untuk semua varian densitas Flutter. Kompresor memastikan gambar sumber beresolusi tinggi Anda diskalakan dengan benar ke 1x, 2x, dan 3x tanpa pengubahan ukuran manual di Photoshop atau Figma.
- Migrasi aset dari React Native atau app native: saat memigrasikan app iOS atau Android yang ada ke Flutter, gunakan kompresor aset Flutter untuk mengonversi aset @1x/@2x/@3x atau mdpi/hdpi/xhdpi Anda ke format varian densitas Flutter. ZIP keluaran langsung masuk ke proyek Flutter Anda tanpa perlu mengganti nama.
- Persiapan pipeline aset CI/CD: siapkan varian aset Flutter terkompresi sebelum di-commit ke repositori Anda. Kompresor menghasilkan aset siap produksi yang memperkecil ukuran repositori dan mempercepat waktu build CI/CD - terutama penting untuk proyek Flutter besar dengan banyak aset gambar.
- Memperbarui aset Flutter yang sudah ada: saat memperbarui aset merek, ikon, atau ilustrasi di app Flutter yang sudah ada, gunakan kompresor aset Flutter untuk membuat ulang semua varian densitas dari gambar sumber baru. Nama file keluaran cocok dengan aset yang ada - cukup ganti file dan jalankan flutter pub get.
Apa itu kompresi aset Flutter?
Flutter memakai sistem rasio piksel perangkat (DPR) untuk menyajikan resolusi gambar yang tepat untuk setiap densitas layar. Gambar diorganisasi ke direktori varian densitas: assets/images/ (1x - basis), assets/images/2.0x/ (2x - densitas sedang), dan assets/images/3.0x/ (3x - densitas tinggi). Flutter otomatis memilih varian yang sesuai saat runtime berdasarkan rasio piksel perangkat. Kompresi aset Flutter memperkecil ukuran file tiap varian densitas memakai Canvas API browser - menghapus metadata dan menerapkan penurunan kualitas - sehingga app Anda terunduh lebih cepat dan memakai penyimpanan perangkat lebih sedikit. Kompresor aset Flutter kami membuat ketiga varian dari satu gambar sumber dan mengemasnya dalam struktur direktori yang benar untuk langsung dipakai.
Cara kerja kompresor aset Flutter kami
- 1 Unggah gambar sumber Anda: seret dan lepas file PNG, JPEG, WebP, GIF, atau BMP. Gunakan gambar sumber resolusi tertinggi Anda (3x atau lebih tinggi) untuk hasil terbaik - kompresor mengecilkan skala untuk membuat varian 1x dan 2x. File dimuat ke browser Anda tanpa unggah ke server.
- 2 Pilih varian densitas dan kualitas JPEG, lalu klik «Kompres & Buat Varian»: kompresor membuat varian 1x (resolusi penuh, terkompresi), 2x (66 % dari sumber, terkompresi), dan 3x (resolusi penuh, terkompresi). File PNG dikodekan ulang tanpa rugi; file JPEG dikodekan ulang pada kualitas yang dipilih. Semua pemrosesan berjalan di browser Anda.
- 3 Unduh ZIP dan masukkan ke proyek Flutter Anda: ZIP memuat struktur direktori yang benar dan file pubspec_assets_snippet.yaml. Salin cuplikan ke pubspec.yaml Anda dan jalankan flutter pub get.
Apa yang dikompresi dan dihasilkan
- Varian 1x (assets/images/): gambar sumber dikodekan ulang pada resolusi penuh dengan metadata dihapus. File PNG dikodekan ulang tanpa rugi memakai Canvas API - menghapus data EXIF, profil ICC, dan thumbnail tersemat. Transparansi sepenuhnya dipertahankan.
- Varian 2x (assets/images/2.0x/): gambar sumber diskalakan ke 66 % dari dimensi aslinya lalu dikompresi. Flutter menyajikan varian ini pada layar densitas sedang (rasio piksel ≈ 2,0). Penskalaan memakai interpolasi bilinear melalui Canvas API.
- Varian 3x (assets/images/3.0x/): gambar sumber dikodekan ulang pada resolusi penuh dan diperlakukan sebagai varian densitas tinggi. Flutter menyajikannya pada layar densitas tinggi (rasio piksel ≈ 3,0) seperti iPhone Pro dan perangkat Android kelas atas.
- Cuplikan pubspec.yaml: blok YAML siap tempel yang mencantumkan semua aset terkompresi di bawah kunci flutter: assets:. Flutter otomatis menemukan varian 2x dan 3x dari subdirektori tanpa perlu mencantumkannya terpisah.
Keterbatasan penting
Kompresor aset Flutter membuat varian densitas dengan menskalakan gambar sumber - untuk hasil terbaik, selalu unggah versi resolusi tertinggi dari gambar Anda (idealnya 3x atau lebih tinggi). Memperbesar dari sumber beresolusi rendah akan menghasilkan varian buram. Perlu diketahui bahwa sistem resolusi aset Flutter mewajibkan jalur aset dasar dideklarasikan di pubspec.yaml - varian subdirektori 2x dan 3x ditemukan otomatis dan tidak perlu deklarasi terpisah. Untuk aset vektor, pertimbangkan memakai SVG melalui paket flutter_svg alih-alih varian densitas raster.
Pertanyaan yang Sering Diajukan
Kompresor aset Flutter memperkecil ukuran file gambar proyek Flutter dan membuat varian densitas yang benar (1x, 2x, 3x) yang dipakai Flutter untuk menyajikan resolusi sesuai pada tiap perangkat. Kompresor aset Flutter online gratis kami berjalan sepenuhnya di browser - gambar Anda tidak pernah keluar dari perangkat.
Flutter memakai rasio piksel perangkat (DPR) untuk memilih varian gambar yang tepat saat runtime. Gambar di assets/images/ adalah basis 1x; gambar di assets/images/2.0x/ disajikan pada layar densitas sedang; gambar di assets/images/3.0x/ disajikan pada layar densitas tinggi. Kompresor aset Flutter otomatis membuat ketiga varian dari gambar sumber Anda.
Tidak - Flutter otomatis menemukan varian 2x dan 3x dari subdirektori 2.0x/ dan 3.0x/. Anda hanya perlu mendeklarasikan jalur aset dasar di pubspec.yaml. Kompresor aset Flutter menyertakan cuplikan pubspec.yaml siap tempel yang hanya memuat jalur dasar.
Ya, sepenuhnya. Kompresor aset Flutter berjalan sepenuhnya di browser Anda. Gambar Anda tidak pernah diunggah ke server mana pun dan tidak pernah keluar dari perangkat. Semua pemrosesan - penyesuaian skala, kompresi, dan pengemasan ZIP - terjadi secara lokal di browser.
Ya - 100 % gratis, selamanya. Tanpa pendaftaran, tanpa akun, tanpa paket premium, tanpa batas ukuran file, dan tanpa iklan. Buat varian densitas aset Flutter tanpa batas sepenuhnya gratis.
Unggah versi resolusi tertinggi dari gambar Anda - idealnya sumber 3x atau lebih tinggi. Kompresor aset Flutter mengecilkan skala untuk membuat varian 1x dan 2x. Mengunggah gambar beresolusi rendah lalu memperbesarnya akan menghasilkan varian buram.
Tidak - kompresor aset Flutter mempertahankan transparansi kanal alfa saat mengodekan ulang file PNG. Ikon app Flutter, elemen UI, dan ilustrasi dengan latar transparan didukung sepenuhnya.
Untuk sebagian besar aset UI Flutter, kualitas 80 % disarankan - menghasilkan pengurangan 30-50 % dengan penurunan kualitas yang nyaris tak terlihat. Untuk aset berisi teks atau tepi tajam, gunakan 90 %. Untuk gambar latar dan ilustrasi dekoratif, 70 % sudah memadai.
Ekstrak ZIP ke akar proyek Flutter Anda. Salin isi pubspec_assets_snippet.yaml ke pubspec.yaml Anda di bawah kunci flutter:, lalu jalankan flutter pub get. Flutter akan otomatis menemukan varian 2x dan 3x saat runtime.