Apa Itu Alat Ini?
SVG adalah format vektor — bentuk yang dijelaskan secara matematis, dapat diskalakan tanpa batas, ideal untuk logo dan ikon. Namun banyak tempat yang tidak menerimanya: dokumen Word, sebagian besar platform media sosial, klien email, dan tak terhitung formulir unggah menginginkan gambar piksel. Konversi (rasterisasi) merender vektor tersebut menjadi PNG atau JPG pada ukuran tertentu.
Karena vektor tidak memiliki resolusi tetap, Anda memilih lebar keluarannya sendiri — dan karena sumbernya berupa matematika, hasil ekspor 2048px sama tajamnya dengan hasil 256px. Keluaran PNG menjaga latar belakang transparan SVG; JPG akan mengisinya dengan warna putih.
Mengapa Menggunakannya?
- Resolusi berapa pun dari satu sumber: favicon 256px hingga aset cetak 2048px, semuanya sempurna piksel demi piksel.
- Keluaran PNG mempertahankan transparansi — logo bisa ditempatkan di latar belakang apa pun.
- Mengatasi penolakan unggahan "SVG tidak didukung" dalam hitungan detik.
- Konversi batch, pemrosesan lokal, tanpa unggah.
- Menangani SVG tanpa lebar/tinggi eksplisit dengan membaca viewBox-nya.
Cara Menggunakan
- Seret file .svg ke kotak atau klik untuk memilih.
- Pilih lebar keluaran — Auto menggunakan ukuran bawaan SVG.
- Pilih PNG (mempertahankan transparansi) atau JPG (latar belakang putih).
- Unduh setiap gambar hasil render; dimensi ditampilkan per file.
Contoh
Input
logo.svg — vektor 4 KBOutput
logo.png — 1024×1024, latar belakang transparan, tajam di setiap pikselSatu sumber vektor kecil menghasilkan raster sempurna piksel demi piksel pada ukuran berapa pun yang Anda minta.
Kasus penggunaan umum
- Menambahkan logo perusahaan (biasanya diberikan sebagai SVG oleh desainer) ke dalam dokumen Word atau PowerPoint yang tidak mendukung penyematan SVG.
- Menghasilkan ikon aplikasi atau favicon pada setiap ukuran piksel yang dibutuhkan (16, 32, 180, 512px) dari satu SVG induk.
- Melampirkan ikon ke tanda tangan email, karena sebagian besar klien email hanya merender gambar raster.
- Mengunggah karya seni ke platform media sosial atau CMS yang menolak file SVG sebagai tindakan pencegahan keamanan unggahan.
Mengapa pembatasan unggahan SVG ada sejak awal
Banyak platform secara khusus memblokir unggahan SVG karena alasan keamanan, bukan kelalaian: karena SVG berbasis XML dan secara teknis dapat menyematkan JavaScript, SVG berbahaya bisa menjadi vektor injeksi skrip jika sebuah platform merendernya tanpa penyaringan. Merasterisasi SVG menjadi PNG atau JPG menghilangkan apa pun di luar data piksel, dan itu salah satu alasan konversi ini sering diwajibkan, bukan sekadar kenyamanan — platform tujuan memang benar-benar tidak dapat menerima format vektor dengan aman, terlepas dari apakah SVG Anda sendiri sebenarnya tidak berbahaya.
Bagaimana independensi resolusi sebenarnya bekerja
File SVG sama sekali tidak menyimpan piksel — ia menyimpan definisi jalur matematis ("gambar garis dari titik ini ke titik itu", "isi kurva ini dengan warna ini") dan sebuah viewBox yang mendefinisikan ruang koordinat tempat jalur-jalur tersebut berada. Saat Anda merasterisasinya, mesin rendering browser menghitung ulang setiap kurva dan isian pada dimensi piksel apa pun yang Anda minta, dari awal, setiap kali. Ini secara mendasar berbeda dari mengubah ukuran gambar raster yang sudah ada (JPG atau PNG), di mana memperbesar berarti menciptakan piksel yang sebelumnya tidak pernah ada dan pasti terlihat kabur — SVG yang dirender pada 4000px sama tajamnya dengan yang dirender pada 100px, karena keduanya baru saja dihitung dari matematika yang sama persis, bukan diregangkan dari sumber yang lebih kecil.
Pertanyaan yang Sering Diajukan
Resolusi apa yang sebaiknya saya ekspor?
Sesuaikan dengan ukuran terbesar yang akan Anda tampilkan, lalu tambahkan sedikit lebih: 512px mencakup sebagian besar penggunaan logo web, 1024px+ untuk layar retina dan presentasi, 2048px untuk cetak. Berbeda dengan pembesaran foto, mengekspor besar dari SVG tidak mengorbankan ketajaman sama sekali.
Mengapa SVG saya tampil kosong atau rusak?
Biasanya karena referensi eksternal: SVG yang menautkan ke gambar, font, atau CSS eksternal tidak dapat memuat itu semua di dalam sandbox keamanan browser. SVG dengan konten tertanam (inline) akan dikonversi dengan baik. Teks juga bisa bergeser jika menggunakan font yang tidak dimiliki sistem Anda.
Keluaran PNG atau JPG — mana yang sebaiknya saya pilih?
Hampir selalu PNG: logo dan ikon membutuhkan transparansi dan tepi yang tajam, yang dipertahankan PNG dan dirusak JPG. Pilih JPG hanya jika target secara ketat mengharuskannya atau SVG-nya berupa ilustrasi menyerupai foto.
Bisakah saya mengonversi PNG kembali menjadi SVG di sini?
Tidak — itu adalah tugas yang secara mendasar berbeda (melacak piksel menjadi bentuk) yang paling banter hanya menghasilkan perkiraan. Alat ini bekerja dari vektor ke raster, yang hasilnya tepat.
Apakah SVG saya diunggah untuk dikonversi?
Tidak. Browser merender SVG ke kanvas lokal dan mengenkode PNG/JPG di perangkat Anda. Tidak ada yang dikirim.