Apa itu Berkas SVG?
SVG (Scalable Vector Graphics) pada dasarnya berbeda dari format gambar lainnya.Meskipun JPEG, PNG, dan WEBP menyimpan gambar sebagai kisi-kisi piksel berwarna (raster), SVG mendeskripsikan gambar sebagai bentuk matematika — lingkaran, persegi panjang, jalur, kurva, dan teks — yang ditentukan dalam kode XML.
Ini berarti gambar SVG:
- Skala tanpa batas — memperbesar hingga 10.000% tanpa pikselasi atau keburaman
- Memiliki ukuran file kecil — logo berukuran 500 KB sebagai PNG mungkin berukuran 5 KB sebagai SVG
- Dapat diedit sebagai teks — terbuka di editor teks apa pun untuk mengubah warna, ukuran, bentuk
- Tidak bergantung pada resolusi — tampil sempurna pada kepadatan layar apa pun (ponsel, tablet, TV 4K)
SVG adalah format standar untuk logo, ikon, ilustrasi, bagan, peta, dan grafik apa pun yang perlu terlihat tajam dalam ukuran apa pun.
Dari Mana File SVG Berasal
Alat desain: Figma, Adobe Illustrator, Sketch, Inkscape, dan Canva mengekspor desain sebagai SVG untuk penggunaan web dan aplikasi.
Perpustakaan ikon: Ikon Material, Font Keren, Heroicons, dan ribuan paket ikon didistribusikan sebagai file SVG.
Unduhan web: Logo, ilustrasi, dan grafik yang diunduh dari situs web sering kali berbentuk SVG (klik kanan → Simpan sebagai).
Aset pengembang: Pengembang aplikasi Android menggunakan SVG (dikonversi menjadi VectorDrawable) untuk ikon aplikasi dan elemen UI.
Visualisasi data: Bagan, grafik, dan infografis dari alat seperti D3.js, Chart.js, dan Tableau diekspor sebagai SVG.
Peta: Ekspor OpenStreetMap, peta khusus, dan visualisasi geografis menggunakan SVG.
Desain cetak: Logo dan aset merek didistribusikan sebagai SVG untuk reproduksi skalabel.
Melihat SVG di Android
AnExplorer menangani file SVG dengan dua cara:
Rendering visual (penampil foto):
- Navigasikan ke file SVG di AnExplorer
- Ketuk untuk membuka — grafik vektor ditampilkan di penampil
- Memperbesar — gambar tetap tajam pada perbesaran apa pun
- Tidak ada pikselasi, tidak buram, tidak peduli seberapa jauh Anda memperbesar
Tampilan kode (editor teks):
- Tekan lama file SVG → Buka dengan → Editor Teks
- Lihat kode sumber XML
- Edit warna (ubah
fill="#FF0000"ke warna hex apa pun) - Ubah ukuran, posisi, atau tambah/hapus elemen
- Simpan — perubahan segera terlihat saat dilihat kembali
Mengelola File SVG dengan AnExplorer
Jelajahi dan atur:
- File SVG ditampilkan dengan ikon grafik vektor dalam daftar file
- Urutkan berdasarkan nama, tanggal, atau ukuran
- Buat folder untuk diatur berdasarkan proyek (logo, ikon, ilustrasi)
- Ganti nama file untuk organisasi yang lebih baik
Transfer dan bagikan:
- Kirim file SVG ke PC melalui Device Connect (desainer sering bekerja di desktop)
- Unggah ke Google Drive, Dropbox untuk kolaborasi tim
- Salin ke NAS untuk arsip aset desain
- Berbagi melalui email atau pesan (file SVG berukuran kecil — biasanya di bawah 100 KB)
Operasi arsip:
- Ekstrak file SVG dari arsip paket ikon (ZIP berisi ratusan SVG)
- Kompres koleksi SVG ke dalam ZIP untuk dibagikan
- Telusuri arsip yang berisi file SVG tanpa mengekstraksi
Edit sebagai kode:
- Buka di editor teks bawaan AnExplorer
- SVG adalah XML — dapat dibaca dan diedit manusia
- Ubah warna: temukan atribut
fill="..."ataustroke="..." - Ubah ukuran: ubah atribut
widthdanheight - Hapus elemen: hapus tag
<path>,<circle>, atau<rect>
SVG vs PNG vs PDF untuk Grafik
| Aspek | SVG | PNG | |
|---|---|---|---|
| Ketik | Vektor (matematika) | Raster (piksel) | Keduanya (dapat berisi salah satu) |
| Skalabilitas | ✅ Tak Terbatas | ❌ Resolusi tetap | ✅ Jika konten vektor |
| Ukuran file (logo) | ~5-50 KB | ~50-500 KB | ~10-100 KB |
| Transparansi | ✅ | ✅ | ✅ |
| Konten foto | ❌ Tidak cocok | ✅ | ✅ |
| Dapat diedit sebagai teks | ✅ (XML) | ❌ | ❌ |
| Dukungan Android | ✅ | ✅ | ✅ (penampil PDF) |
| Standar web | ✅ (asli di browser) | ✅ | ❌ (memerlukan penampil) |
Kapan menggunakan SVG: Logo, ikon, ilustrasi, bagan, elemen UI — apa pun yang bukan foto. Kapan menggunakan PNG: Tangkapan layar, foto dengan transparansi, grafik raster dalam ukuran tetap. Kapan menggunakan PDF: Dokumen, konten multi-halaman, file siap cetak.
Kasus Penggunaan Umum di Android
Mengelola paket ikon
Desainer dan pengembang bekerja dengan perpustakaan ikon:
- Unduh paket ikon (biasanya ZIP berisi ratusan SVG)
- Ekstrak dengan pengelola arsip AnExplorer
- Telusuri file SVG — lihat thumbnail untuk menemukan ikon yang tepat
- Salin ikon yang diperlukan ke folder proyek Anda
- Atau buka di editor teks untuk menyesuaikan warna sebelum digunakan
Melihat aset desain dari tim
Saat kolaborator berbagi file desain:
- Terima file SVG melalui email, cloud share, atau Device Connect
- Buka di AnExplorer untuk melihat pratinjau desain
- Periksa warna, tata letak, dan konten
- Teruskan ke desktop untuk pengeditan detail jika diperlukan
Mengedit warna SVG di ponsel
Perubahan warna cepat tanpa alat desain:
- Buka SVG di editor teks AnExplorer
- Telusuri
fill="#untuk menemukan definisi warna - Ganti kode warna hex (misalnya
#FF0000→#0066CC) - Simpan — buka di penampil untuk memverifikasi perubahan
- Bagikan SVG yang dimodifikasi
Alur kerja pengembang
Pengembang Android yang bekerja dengan aset vektor:
- Unduh ikon SVG dari Material Design atau perpustakaan lain
- Pratinjau di AnExplorer untuk memverifikasi kebenarannya
- Transfer ke mesin pengembangan melalui Device Connect
- Konversikan ke VectorDrawable XML untuk digunakan di aplikasi Android
Ukuran Berkas SVG
File SVG sangat kecil dibandingkan dengan file raster yang setara:
| Konten | Ukuran SVG | Setara dengan PNG (1024 piksel) |
|---|---|---|
| Logo sederhana | 2-10 KB | 50-200 KB |
| Ikon kompleks | 5-30KB | 100-500 KB |
| Ilustrasi detail | 50-500 KB | 1-5MB |
| Peta/bagan | 100 KB - 2 MB | 2-10MB |
Hal ini membuat SVG ideal untuk menyimpan pustaka ikon yang besar — 1.000 ikon SVG mungkin berjumlah 10 MB, sedangkan PNG akan berukuran 500 MB+.
Panduan Terkait
- Buka File PNG di Android — format gambar raster
- Buka File PDF di Android — format dokumen
- Editor Teks — edit kode SVG secara langsung
- Manajer Arsip — ekstrak arsip paket ikon
