window.addEventListener(‘message’, function (event) {
if (!event.data || event.data.type !== ‘resize’) return;

const iframe = document.getElementById(‘lovable-frame’);
if (iframe && typeof event.data.height === “number”) {
iframe.style.height = event.data.height + “px”;
}
});

Mengapa Mengonversi SVG ke PNG?

File SVG ideal untuk logo, ikon, dan ilustrasi karena skalabilitas dan ukuran file yang kecil. Namun, tidak semua platform atau aplikasi mendukung SVG, dan terkadang Anda memerlukan gambar raster untuk kompatibilitas, pengeditan, atau penerbitan web.

Mengonversi SVG ke PNG memberikan Anda gambar statis dengan kualitas tinggi yang mempertahankan transparansi dan dapat digunakan di hampir semua perangkat, browser, dan alat desain modern.

Manfaat Utama Menggunakan Format PNG

• ✅ Kompresi Tanpa Kerugian – PNG mempertahankan kualitas gambar dengan kerugian visual nol.

• ✅ Dukungan Transparansi – Ideal untuk logo, ikon, dan desain berlapis yang memerlukan latar belakang transparan.

• ✅ Kompatibilitas Universal – Masukkan gambar PNG dengan mudah ke situs web, presentasi, email, atau bahan cetak.

Cara Menggunakan Alat Ini

1. Unggah File SVG Anda
   Klik “Pilih File SVG” atau seret dan lepas grafik vektor Anda ke kotak di atas.

2. Konversi Otomatis
   Alat ini akan mengonversi SVG Anda menjadi gambar PNG dengan resolusi tinggi.

3. Unduh PNG
   Klik tombol Unduh PNG untuk menyimpan gambar ke perangkat Anda.

4. Gunakan Di Mana Saja
   File PNG Anda sekarang siap untuk diterbitkan, diedit, atau diintegrasikan ke dalam proyek apa pun.

Pertanyaan yang Sering Diajukan

Apakah transparansi dari SVG akan dipertahankan?
Ya. PNG mendukung transparansi, dan alat ini mempertahankan elemen transparan dari file SVG Anda.

Apa yang dimaksud dengan lossless?
Kompresi lossless mengurangi ukuran file tanpa menghapus data gambar, memastikan bahwa PNG yang dikonversi terlihat persis seperti yang diinginkan tanpa degradasi kualitas.

Apakah alat ini gratis dan aman?
Tentu. Alat ini berbasis browser, sepenuhnya gratis untuk digunakan, dan file Anda tidak disimpan setelah konversi.

Dapatkah saya mengonversi ke format gambar lain?
Ya, pilih dari format file di bawah.

.conversion-footer {
font-family: system-ui, sans-serif;
margin: 30px 0;
}

details.convert-dropdown {
margin-bottom: 8px;
border: 1px solid #e0e0e0;
border-radius: 6px;
background-color: #fff;
transition: box-shadow 0.3s;
}

details.convert-dropdown[open] {
box-shadow: 0 2px 8px rgba(0,0,0,0.04);
}

.convert-dropdown summary {
font-weight: 600;
font-size: 15px;
padding: 12px 16px;
background-color: #f7f8f9;
border-bottom: 1px solid #e0e0e0;
cursor: pointer;
list-style: none;
position: relative;
}

.convert-dropdown summary:hover {
background-color: #eef0f2;
}

.convert-dropdown summary::marker {
display: none;
}

.convert-dropdown summary::after {
content: “▾”;
position: absolute;
right: 16px;
font-size: 12px;
transition: transform 0.3s ease;
}

details[open] summary::after {
transform: rotate(180deg);
}

.convert-dropdown a {
display: block;
padding: 10px 20px;
text-decoration: none;
color: #0073aa;
font-size: 14px;
border-top: 1px solid #f1f1f1;
transition: background 0.2s;
}

.convert-dropdown a:hover {
background-color: #f1f7fb;
color: #005177;
}