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”;
}
});
¿Por qué convertir PNG a ICO?
Los archivos ICO (icono) son necesarios para crear favicons de sitios web, iconos de escritorio de Windows y iconos de aplicaciones. Mientras que PNG es perfecto para la transparencia y la calidad, la mayoría de los navegadores y sistemas aún requieren el formato ICO para mostrar iconos a pequeña escala.
Convertir PNG a ICO garantiza que sus iconos sean compatibles con todos los navegadores principales, sistemas Windows y lanzadores de aplicaciones, mientras se conserva la calidad visual y la transparencia.
Beneficios clave del uso del formato ICO
-
✅ Listo para favicon – Agregue fácilmente iconos a la pestaña de su sitio web, marcadores o manifiesto de PWA.
-
✅ Soporta varias resoluciones – Los archivos ICO pueden incluir varios tamaños (16×16, 32×32, 64×64, etc.) para escalado responsivo.
-
✅ Ideal para iconos de Windows – Totalmente compatible con atajos de escritorio y iconos de archivos EXE.
Cómo usar esta herramienta
-
Cargar su archivo PNG
Haga clic en “Seleccionar archivo PNG” o arrastre y suelte su imagen en el cuadro de carga de arriba. -
Conversión automática
La herramienta convierte su imagen PNG en formato ICO mientras conserva la transparencia. -
Descargar ICO
Haga clic en el botón Descargar ICO para guardar su nuevo archivo de icono. -
Usarlo en cualquier lugar
Agregue su ICO a su sitio web como favicon o úselo en su aplicación de escritorio o software.
Preguntas frecuentes
¿El archivo ICO admitirá transparencia?
Sí. Este convertidor mantiene la transparencia de PNG en la salida de ICO, lo que lo hace adecuado para iconos limpios y profesionales.
¿Puedo usar este ICO como favicon de sitio web?
Absolutamente. Simplemente cargue el ICO en suectorio raíz y enlace en la etiqueta <head> de su sitio utilizando <link rel="icon" href="/favicon.ico">.
¿Es esta herramienta gratuita y segura?
Sí. Es 100% gratuita, basada en navegador y segura — no se almacenan archivos y no se requiere instalación.
¿Puedo convertir a otros formatos de imagen?
Sí, seleccione el formato de archivo a continuación.
.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;
}