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 Mengkonversi WebP ke PNG?

WebP adalah format gambar modern yang dikenal karena kompresinya yang sangat baik, tetapi tidak semua perangkat lunak, platform, atau editor masih mendukungnya sepenuhnya. PNG, di sisi lain, adalah format gambar universal yang mendukung transparansi dan diterima secara luas di semua browser, alat grafis, dan perangkat.

Mengkonversi WebP ke PNG memastikan kompatibilitas maksimum, terutama jika Anda perlu mengedit gambar, mempertahankan transparansi, atau menggunakannya di sistem lama dan alur kerja desain.

Manfaat Utama Menggunakan Format PNG

• ✅ Kompresi Tanpa Kerugian – PNG mempertahankan detail gambar penuh dan ketajaman.

• ✅ Dukungan Transparansi – Ideal untuk ikon, logo, atau grafik yang memerlukan latar belakang transparan.

• ✅ Kompatibilitas Luas – PNG didukung oleh semua alat desain, browser, dan platform.

Cara Menggunakan Alat Ini

1. Unggah File WebP Anda
   Klik “Pilih File WebP” atau seret dan lepas gambar ke area unggahan.

2. Konversi Otomatis
   Alat mengkonversi gambar WebP Anda menjadi PNG berkualitas tinggi.

3. Unduh PNG
   Klik tombol Unduh PNG untuk menyimpan file.

4. Gunakan Di Mana Saja
   PNG Anda siap untuk diedit, dibagikan, atau diintegrasikan ke dalam proyek web, cetak, atau desain.

Pertanyaan yang Sering Diajukan

Apakah PNG yang dikonversi akan mempertahankan transparansi?
Ya. Jika file WebP asli Anda termasuk transparansi, konverter ini akan mempertahankannya di output PNG.

Apa yang dimaksud dengan tanpa kerugian?
Kompresi tanpa kerugian mengurangi ukuran file tanpa mengorbankan kualitas gambar. PNG adalah format tanpa kerugian, memastikan gambar yang dikonversi tetap identik secara visual dengan aslinya.

Apakah alat ini gratis dan pribadi?
Tentu. Konverter WebP ke PNG ini berbasis browser, sepenuhnya gratis, dan tidak menyimpan atau membagikan file Anda setelah konversi.

Bisakah saya mengkonversi 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;
}