SVG ke PNG

Konversi SVG ke PNG online dengan dukungan transparansi. Rasterisasi grafik vektor yang bisa diskalakan menjadi format PNG berkualitas tinggi untuk resolusi apa pun.

SVG

atau seret dan lepas file di sini

Unggah gambar SVG Anda

Konversi cepatPemrosesan amanTanpa pendaftaran

Konversikan SVG ke PNG untuk mengubah grafik vektor yang bisa diperbesar tanpa batas menjadi gambar raster beresolusi tetap. Meski file SVG sempurna untuk desain web responsif, PNG menawarkan kompatibilitas universal di klien email, software lawas, dan alur kerja cetak yang tidak mendukung format vektor.

Yang Akan Anda Dapatkan: Detail Output PNG

Saat Anda mengonversi SVG ke PNG, Anda menerima gambar hasil rasterisasi pada resolusi pilihan Anda dengan seluruh transparansi dipertahankan. Konversi mengunci grafik Anda ke dimensi piksel tetap—PNG 1000×1000px tetap tajam pada ukuran itu tapi menjadi pecah jika diperbesar. Transparansi dari SVG Anda terbawa sempurna ke alpha channel PNG, menjadikannya ideal untuk logo dan ikon yang perlu bekerja di latar belakang apa pun.

Trade-off utamanya: Anda mendapat kompatibilitas universal tapi kehilangan skalabilitas tanpa batas SVG. Pilih resolusi Anda dengan cermat berdasarkan penggunaan akhir—tidak ada jalan kembali ke kualitas vektor setelah konversi.

Mengapa Mengonversi SVG ke PNG

Alasan utama mengonversi SVG ke PNG adalah kompatibilitas. Banyak klien email menghapus file SVG demi alasan keamanan, memperlakukannya sebagai potensi vektor script. Outlook, Gmail, dan Apple Mail menampilkan PNG secara andal tapi sering memblokir atau menghapus lampiran SVG sepenuhnya. Jika Anda mengirim logo atau grafik lewat newsletter email, PNG memastikan gambar tersebut benar-benar muncul.

Software lawas menghadirkan masalah serupa. Versi lama PowerPoint (pre-2016), Photoshop (CS6 dan lebih lama), dan banyak alat produksi cetak kesulitan dengan impor SVG. Mengonversi ke PNG pada resolusi yang dibutuhkan (biasanya 300 DPI untuk cetak) menghasilkan file yang bisa ditangani software tersebut secara native.

Alur kerja cetak menuntut format raster pada resolusi tertentu. Meski secara teori Anda bisa menggunakan SVG untuk cetak, sebagian besar percetakan komersial dan proses serah terima desain mengharapkan TIFF atau PNG pada 300 DPI. Cetak 4×6 inci membutuhkan 1200×1800 piksel pada 300 DPI—mengonversi SVG Anda ke PNG pada dimensi persis ini memastikan hasil yang bisa diprediksi.

Beberapa platform memiliki rendering SVG yang tidak bisa diprediksi. Facebook dan LinkedIn mendukung unggahan SVG tapi terkadang merender filter atau font tertanam secara tidak benar. Mengonversi ke PNG menjamin grafik Anda terlihat identik di semua platform dan perangkat.

Resolusi dan DPI: Membuat Pilihan yang Tepat

  • Penggunaan web (72-96 DPI): Tampilan web standar menggunakan 72-96 DPI. Untuk header situs web, 1920×1080px mencakup layar Full HD. Untuk logo, 800×800px atau 1000×1000px cocok untuk sebagian besar tata letak. Ekspor pada ukuran tampilan sesungguhnya kecuali menargetkan layar DPI tinggi.
  • Layar retina/DPI tinggi (2x-3x): Smartphone dan MacBook modern menggunakan kerapatan piksel 2x atau 3x. Ikon tampilan 500px butuh PNG 1000px (2x) atau 1500px (3x) agar tetap tajam. Selalu ekspor pada 2x ukuran tampilan yang dituju untuk grafik web yang akan tampil di layar beresolusi tinggi.
  • Cetak (300 DPI): Cetak profesional membutuhkan 300 DPI. Hitung piksel sebagai: lebar_inci × 300 dengan tinggi_inci × 300. Logo 5×5 inci butuh 1500×1500px. Flyer 8.5×11 inci butuh 2550×3300px. Kurang dari 300 DPI akan terlihat buram saat dicetak.
  • Media sosial: Setiap platform punya persyaratan spesifik. Gambar Open Graph Facebook/Twitter: 1200×630px. Postingan Instagram: 1080×1080px. Banner LinkedIn: 1584×396px. Periksa dokumentasi platform untuk dimensi pasti agar terhindar dari pemotongan atau penskalaan.

Memahami Keterbatasannya

  • Hilangnya skalabilitas: File SVG bisa diperbesar tanpa batas tanpa kehilangan kualitas karena menyimpan deskripsi matematis dari bentuk. PNG mengunci Anda ke dimensi piksel tetap. Jika Anda mengonversi ke 800×800px dan kemudian butuh 2000×2000px, Anda harus mengonversi ulang dari SVG asli. Memperbesar PNG menghasilkan gambar pecah dan buram.
  • Ledakan ukuran file pada resolusi tinggi: Logo SVG 5 KB mungkin menjadi 50 KB sebagai PNG pada 800×800px, atau 500 KB pada 3000×3000px. PNG menyimpan setiap piksel, sehingga ukuran file bertambah secara kuadratik seiring dimensi. Untuk penggunaan web, ini berarti pemuatan halaman lebih lambat jika Anda mengekspor PNG yang tidak perlu besar.
  • Tidak mudah diedit: SVG memungkinkan Anda memodifikasi bentuk, warna, dan jalur individual di editor vektor. Setelah dikonversi ke PNG, Anda bekerja dengan piksel—mengubah warna atau mengubah ukuran elemen membutuhkan pengeditan tingkat piksel di Photoshop atau GIMP. Simpan file SVG asli Anda untuk pengeditan di masa depan.

Kapan Mempertahankan SVG Alih-alih Mengonversi

Jangan konversi ke PNG jika Anda menggunakan grafik di situs web modern yang semua pengunjungnya memakai browser terkini. SVG lebih kecil untuk grafik sederhana, skalanya sempurna di semua ukuran layar, dan dimuat lebih cepat dibanding beberapa varian PNG (1x, 2x, 3x). Pengembangan web modern sangat mengutamakan SVG untuk logo, ikon, dan grafik antarmuka.

Untuk desain responsif, SVG unggul karena beradaptasi dengan ukuran tampilan apa pun tanpa permintaan HTTP tambahan. Satu SVG 5 KB bekerja sempurna dari ikon mobile 50px hingga header desktop 2000px. Pendekatan PNG setara membutuhkan beberapa file (icon.png, icon@2x.png, icon@3x.png), menambah ukuran file dan kompleksitas.

Jika SVG Anda berisi animasi atau elemen interaktif (efek hover, area yang bisa diklik), PNG tidak bisa mereplikasi fungsionalitas ini. SVG mendukung animasi CSS dan interaktivitas JavaScript yang hilang sepenuhnya saat dirasterisasi ke PNG.

Pertimbangkan Alternatif Berikut

Jika Anda butuh kompatibilitas lebih luas dibanding SVG tapi kompresi lebih baik dibanding PNG, coba konversi SVG ke WebP. WebP mendukung transparansi seperti PNG tapi biasanya menghasilkan file 25-35% lebih kecil. Bekerja di semua browser modern (Chrome, Firefox, Edge, Safari 14+).

Untuk penggunaan web modern, pertahankan SVG. Ini adalah format yang direkomendasikan untuk logo, ikon, dan grafik di tahun 2026. Konversikan ke PNG hanya saat masalah kompatibilitas memaksa Anda—klien email, software lawas, atau platform dengan rendering SVG yang bermasalah.

Butuh kebalikannya? PNG ke SVG menggunakan image tracing untuk mengonversi gambar raster menjadi vektor. Perlu dicatat vektor hasil tracing tidak pernah sebersih grafik SVG asli—ini untuk penggunaan darurat saat Anda kehilangan file SVG asli.

Tips untuk Hasil Terbaik

  • Pilih resolusi berdasarkan penggunaan akhir: Jangan ekspor pada 5000×5000px jika Anda menampilkannya pada 500×500px di situs web. PNG yang tidak perlu besar memboroskan bandwidth dan memperlambat pemuatan halaman. Sesuaikan resolusi output dengan penggunaan sesungguhnya.
  • Ekspor pada 2x untuk retina: Jika grafik Anda tampil pada lebar 600px di situs web, ekspor pada lebar 1200px agar tetap tajam di layar DPI tinggi seperti MacBook dan smartphone modern. Ini adalah praktik standar untuk grafik web di tahun 2026.
  • Verifikasi transparansi: Jika SVG Anda memiliki transparansi, pastikan didefinisikan dengan benar (bukan isian putih). Pratinjau PNG setelah konversi terhadap latar belakang terang dan gelap untuk memastikan transparansi dirender dengan benar.
  • Tangani font dengan hati-hati: Jika SVG Anda berisi teks, rasterisasi mengunci rendering font saat ini. Untuk konsistensi terjamin, ubah teks menjadi path di editor vektor Anda sebelum konversi—ini menghilangkan perbedaan rendering terkait font.
  • Gunakan konversi batch untuk set ikon: Jika Anda mengonversi 50 ikon, proses semuanya sekaligus dengan pengaturan konsisten alih-alih satu per satu. Ini menghemat waktu dan memastikan kualitas output yang seragam.

Masalah Umum dan Solusinya

  • Resolusi yang dipilih salah: Kesalahan paling umum adalah mengekspor pada ukuran yang salah. Jika ragu, lebih baik pilih sedikit lebih besar—lebih mudah memperkecil dibanding memperbesar gambar yang sudah pecah. Untuk web, 2x ukuran tampilan yang dituju sudah aman. Untuk cetak, selalu gunakan perhitungan 300 DPI.
  • Ukuran file terlalu besar: Jika PNG Anda melebihi 1 MB, kemungkinan Anda mengekspor pada resolusi berlebihan. Logo 1000×1000px seharusnya tidak melebihi 200-300 KB. Kurangi dimensi output atau pertimbangkan alat kompresi PNG setelah konversi.
  • Output buram: Jika PNG terlihat kabur, SVG Anda mungkin berisi elemen raster (JPG atau PNG tertanam) yang tidak diperbesar dengan baik. Periksa SVG sumber Anda—jika ditelusuri dari foto, itu tidak akan menghasilkan output PNG yang bersih. SVG vektor asli dikonversi menjadi PNG tajam pada resolusi berapa pun.
  • Transparansi hilang: Jika area transparan menjadi putih, SVG Anda kemungkinan menggunakan isian putih alih-alih transparansi asli. Buka di editor vektor (Inkscape, Illustrator) dan hapus isian latar belakang putih sebelum konversi.

Cara Mengonversi SVG ke PNG

  1. Unggah file SVG: Pilih satu atau beberapa file SVG menggunakan form di atas. Konversi batch didukung untuk memproses set ikon atau variasi logo secara bersamaan.
  2. Pilih resolusi: Atur dimensi output berdasarkan kasus penggunaan Anda. Untuk penggunaan web pada ukuran tampilan 500px, ekspor pada 1000px agar tajam di layar retina. Untuk cetak, hitung piksel sebagai (inci × 300 DPI).
  3. Konversi dan unduh: Konversi merasterisasi SVG Anda pada resolusi yang ditentukan, mempertahankan warna, bentuk, dan transparansi. Unduh file PNG individual atau arsip ZIP untuk konversi batch.

Kapan Konversi SVG ke PNG Masuk Akal

  • Newsletter dan tanda tangan email: Sebagian besar klien email (Outlook, Gmail, Apple Mail) memblokir atau menghapus file SVG demi keamanan. PNG memastikan logo atau grafik Anda tampil andal dalam konteks email tanpa masalah kompatibilitas.
  • Kompatibilitas software lawas: Versi lama PowerPoint, Photoshop, dan InDesign memiliki dukungan SVG yang terbatas atau bermasalah. PNG bisa diimpor secara universal di semua software desain dan presentasi.
  • Serah terima produksi cetak: Percetakan komersial mengharapkan format raster pada 300 DPI. Mengonversi SVG ke PNG dengan dimensi cetak persis (dihitung dari inci × 300) memastikan hasil yang bisa diprediksi dalam alur kerja cetak.
  • Platform media sosial: Meski sebagian besar platform menerima SVG, rendering-nya bisa tidak konsisten—filter, gradien, atau font tertanam mungkin tampil salah. PNG menjamin tampilan yang identik di semua platform.
  • Aplikasi mobile dan desktop: Banyak framework aplikasi mengharapkan aset PNG pada beberapa resolusi (1x, 2x, 3x) untuk ikon dan elemen UI. Konversikan SVG Anda pada setiap resolusi yang dibutuhkan untuk tampilan tajam di semua kerapatan layar.

SVG vs PNG: Perbandingan Format

  • Skalabilitas: SVG bisa diperbesar tanpa batas tanpa kehilangan kualitas. PNG beresolusi tetap dan pecah saat diperbesar melebihi dimensi aslinya.
  • Ukuran file: SVG lebih kecil untuk grafik sederhana (logo, ikon). Ukuran file PNG bertambah seiring resolusi—PNG 3000×3000px bisa 10x lebih besar dibanding SVG setara.
  • Kompatibilitas: PNG bekerja secara universal di semua software, browser, dan perangkat. SVG punya dukungan browser modern yang sangat baik tetapi gagal di klien email dan software lawas.
  • Kemudahan diedit: SVG memungkinkan modifikasi mudah pada bentuk, warna, dan jalur di editor vektor. PNG membutuhkan pengeditan tingkat piksel di editor raster seperti Photoshop.
  • Transparansi: Kedua format sepenuhnya mendukung transparansi alpha channel. Konversi mempertahankan latar belakang transparan dengan sempurna.
  • Performa web: Untuk grafik sederhana, SVG lebih cepat (file lebih kecil, tanpa permintaan HTTP untuk beberapa resolusi). Untuk grafik kompleks dengan banyak gradien, PNG bisa dirender lebih cepat di browser.

Alat Konversi Gambar Terkait

Konversi SVG ke PNG mempertahankan kualitas grafik Anda pada resolusi pilihan dengan dukungan transparansi penuh.

Pertanyaan yang Sering Diajukan

Resolusi apa yang sebaiknya digunakan saat mengonversi SVG ke PNG?

Untuk penggunaan web, ekspor pada 2x ukuran tampilan yang Anda inginkan (misalnya PNG 1000px untuk tampilan 500px). Untuk cetak, gunakan 300 DPI: kalikan dimensi cetak dalam inci dengan 300 (logo 5×5 inci butuh 1500×1500px). Untuk ikon, 512×512px atau 1024×1024px cocok untuk sebagian besar keperluan. Selalu pertimbangkan konteks akhir—resolusi lebih tinggi berarti ukuran file lebih besar.

Apakah konversi SVG ke PNG mempertahankan transparansi?

Ya, PNG sepenuhnya mendukung transparansi alpha channel seperti SVG. Area transparan di SVG Anda tetap transparan pada output PNG. Ini menjadikan PNG ideal untuk logo dan ikon yang perlu bekerja pada warna latar belakang apa pun. Pastikan transparansi didefinisikan dengan benar di SVG Anda (bukan isian putih) untuk hasil terbaik.

Mengapa file PNG saya jauh lebih besar dibanding SVG aslinya?

SVG menyimpan grafik sebagai rumus matematis, sering kali hanya beberapa kilobyte untuk logo sederhana. PNG menyimpan setiap piksel secara individual, sehingga ukuran file bertambah seiring resolusi. SVG 5 KB mungkin menjadi 50 KB pada 800×800px atau 500 KB pada 3000×3000px. Ini adalah trade-off untuk kompatibilitas universal—file PNG secara inheren lebih besar dibanding vektor setaranya.

Bisakah saya mengonversi PNG kembali ke SVG untuk memulihkan skalabilitas?

Tidak. Mengonversi PNG ke SVG menggunakan image tracing, yang membuat kontur vektor dari gambar raster—bukan vektor bersih aslinya. Grafik hasil tracing punya tepi kasar, ukuran file besar, dan tidak pernah menyamai kualitas SVG asli. Selalu simpan file SVG asli Anda untuk penggunaan mendatang atau ekspor ulang pada resolusi berbeda.

Apakah efek SVG kompleks seperti gradien dan bayangan akan dikonversi dengan benar?

Efek SVG standar (gradien linear, gradien radial, drop shadow, blur) dikonversi secara akurat ke PNG. Proses rasterisasi menangkap efek-efek ini sebagai piksel. Beberapa fitur SVG proprietary atau lanjutan mungkin dirender berbeda—selalu pratinjau output PNG untuk memverifikasi kesesuaiannya dengan harapan Anda sebelum digunakan di produksi.

Sebaiknya menggunakan SVG atau PNG untuk logo situs web?

Gunakan SVG untuk situs web modern—skalanya sempurna di semua ukuran layar, bekerja di layar retina tanpa file tambahan, dan dimuat lebih cepat untuk grafik sederhana. Konversikan ke PNG hanya jika Anda menemui masalah kompatibilitas dengan browser lama atau platform tertentu. Untuk newsletter email, selalu gunakan PNG karena klien email memblokir SVG.

Bagaimana cara memilih DPI untuk cetak?

Selalu gunakan 300 DPI untuk cetak profesional. Hitung piksel sebagai: lebar_inci × 300 dengan tinggi_inci × 300. Kartu nama (3.5×2 inci) butuh 1050×600px. Poster (24×36 inci) butuh 7200×10800px. Di bawah 300 DPI, hasil cetak akan tampak buram atau pecah. Di atas 300 DPI tidak memberikan manfaat terlihat tapi menambah ukuran file.

Apakah konversi SVG ke PNG mengurangi kualitas?

Anda kehilangan skalabilitas tapi tidak kualitas visual pada resolusi hasil render. PNG menggunakan kompresi lossless, jadi tidak ada artefak kompresi seperti JPG. PNG terlihat identik dengan SVG saat dilihat pada ukuran yang dituju. Namun, memperbesar PNG melebihi resolusinya menyebabkan pecah—inilah mengapa memilih resolusi yang tepat saat konversi sangat penting.

Alat terkait

Alat SVG

Tautan alat terkait

SVG ke ICO

Tautan alat terkait

ICO ke SVG

Tautan alat terkait

Alat gambar

Tautan alat terkait

PNG ke SVG

Tautan alat terkait

SVG ke JPG

Tautan alat terkait