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 PNG ke JPG?

Sementara PNG bagus untuk mempertahankan kualitas gambar dan transparansi, itu tidak selalu format yang paling efisien — terutama untuk gambar besar, situs web, atau berbagi sosial. JPG (atau JPEG) adalah format yang dikompresi yang ideal untuk ukuran file yang lebih kecil dan kinerja yang lebih cepat.

Dengan mengkonversi PNG ke JPG, Anda dapat mengurangi ukuran file secara dramatis sambil mempertahankan kualitas visual yang kuat — sempurna untuk mengunggah, mengirim email, atau menyematkan gambar di seluruh web.

Konversi ini terutama berguna untuk blogger, pemasar, pengembang, dan siapa saja yang ingin mengoptimalkan gambar untuk waktu muat yang lebih cepat dan kompatibilitas yang lebih luas.

Manfaat Utama Menggunakan JPG

🔽 Ukuran File yang Lebih Kecil

Gambar JPG secara signifikan lebih kecil daripada PNG karena kompresi lossy — perfect untuk mengurangi waktu muat dan menghemat ruang penyimpanan.

⚡ Kinerja yang Lebih Cepat

Ukuran gambar yang lebih kecil berarti situs web yang lebih cepat, unggahan yang lebih cepat, dan kinerja yang lebih baik di seluruh perangkat — terutama di jaringan seluler.

🧱 Didukung Secara Luas

JPG adalah salah satu format gambar yang paling luas didukung, kompatibel dengan setiap browser, aplikasi, platform email, dan sistem manajemen konten.

Cara Menggunakan Alat Ini

1. Unggah File PNG Anda
   Klik “Pilih File PNG” atau seret dan lepas gambar Anda ke konverter di atas.

2. Konversi Otomatis
   Alat akan secara instan mengkonversi PNG Anda menjadi file JPG berkualitas tinggi — tanpa masuk atau perangkat lunak yang diperlukan.

3. Unduh JPG Anda
   Klik “Unduh JPG” untuk menyimpan gambar yang dioptimalkan. Sekarang siap untuk dipublikasikan di web, media sosial, atau digunakan digital.

Pertanyaan yang Sering Diajukan

Apakah ini akan menghapus transparansi dari PNG saya?
Ya — format JPG tidak mendukung transparansi, sehingga area transparan akan dikonversi menjadi latar belakang yang solid (biasanya putih).

Apakah JPG menurunkan kualitas gambar?
JPG menggunakan kompresi lossy, tetapi alat ini dioptimalkan untuk menyeimbangkan kualitas dan ukuran file. Dalam banyak kasus, perbedaan hampir tidak terlihat.

Apakah JPG lebih baik daripada PNG?
Untuk fotografi dan penggunaan web di mana transparansi tidak diperlukan, JPG sering lebih disukai karena ukurannya yang lebih kecil dan kompatibilitas yang lebih luas.

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;
}