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 Mengubah PNG ke ICO?
File ICO (ikon) diperlukan untuk membuat favicon situs web, ikon desktop Windows, dan ikon aplikasi. Sementara PNG sempurna untuk transparansi dan kualitas, sebagian besar browser dan sistem masih memerlukan format ICO untuk menampilkan ikon skala kecil.
Mengubah PNG ke ICO memastikan ikon Anda kompatibel dengan semua browser utama, sistem Windows, dan peluncur aplikasi — sambil menjaga kualitas visual dan transparansi.
Manfaat Utama Menggunakan Format ICO
-
✅ Siap Favicon – Tambahkan ikon ke tab situs web, bookmark, atau manifest PWA dengan mudah.
-
✅ Mendukung Resolusi Ganda – File ICO dapat berisi berbagai ukuran (16×16, 32×32, 64×64, dll.) untuk penskalaan responsif.
-
✅ Ideal untuk Ikon Windows – Kompatibel penuh dengan pintasan desktop dan ikon file EXE.
Cara Menggunakan Alat Ini
-
Unggah File PNG Anda
Klik “Pilih File PNG” atau seret dan lepas gambar Anda ke kotak unggah di atas. -
Konversi Otomatis
Alat mengubah gambar PNG Anda ke format ICO sambil menjaga transparansi. -
Unduh ICO
Klik tombol Unduh ICO untuk menyimpan file ikon baru Anda. -
Gunakan Di Mana Saja
Tambahkan ICO Anda ke situs web sebagai favicon atau gunakan di aplikasi desktop atau perangkat lunak.
Pertanyaan yang Sering Diajukan
Apakah file ICO akan mendukung transparansi?
Ya. Konverter ini mempertahankan transparansi PNG di output ICO, membuatnya cocok untuk ikon yang bersih dan profesional.
Bisakah saya menggunakan ICO ini sebagai favicon situs web?
Tentu. Unggah ICO keektori root Anda dan hubungkan ke <head> situs web Anda menggunakan <link rel="icon" href="/favicon.ico">.
Apakah alat ini gratis dan aman?
Ya. Ini 100% gratis, berbasis browser, dan aman — tidak ada file yang disimpan dan tidak perlu instalasi.
Bisakah saya mengubahnya 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;
}