Conversor de PNG a ICO

Crea un favicon ICO de varios tamaños

Muchos favicons siguen usando el contenedor ICO porque un solo archivo puede contener varios tamaños de icono. La pestaña del navegador, los marcadores, el acceso directo del escritorio y el shell de Windows pueden elegir el mejor tamaño del mismo archivo. Este conversor de PNG a ICO convierte una imagen de origen en un favicon real de varios tamaños con entradas de 16, 32, 48, 64, 128 y 256 píxeles. Suelta un logotipo, una marca o un PNG cuadrado, revisa la vista previa de los tamaños generados y descarga un archivo .ico listo para usar.

La conversión se ejecuta por completo en tu navegador. La página carga tu imagen, la recorta al centro en formato cuadrado, la dibuja en canvas de varios tamaños y empaqueta esos canvas codificados como PNG en una estructura ICO. Tu logotipo nunca se sube a ningún sitio, algo útil para marcas sin lanzar, trabajos para clientes y proyectos privados. El archivo generado usa imágenes PNG incrustadas, una función moderna del formato ICO compatible con los navegadores y sistemas operativos actuales.

Preparar la imagen de origen

Usa una imagen sencilla y de alto contraste para lograr el mejor favicon. Los iconos diminutos no muestran con claridad textos finos ni detalles delicados, por lo que las formas marcadas y las siluetas claras funcionan mejor que las capturas complejas. Un PNG cuadrado y transparente es ideal, porque el recorte conservará todo el diseño y mantendrá el canal alfa. Las imágenes rectangulares se recortan automáticamente al centro para que el icono siga siendo cuadrado en lugar de deformarse, pero quizá quieras recortar la imagen a mano si el motivo importante no está centrado.

Cómo usar el ICO

Tras la descarga, coloca el archivo en el proyecto de tu sitio y enlázalo desde tu HTML, los metadatos del framework o los recursos estáticos. Muchos sitios siguen incluyendo una línea como <link rel="icon" href="/favicon.ico"> para lograr una amplia compatibilidad, a menudo junto con iconos PNG o SVG. Revisa las vistas previas más pequeñas antes de publicar: si la versión de 16 píxeles se ve borrosa, simplifica el diseño o aumenta el contraste y vuelve a generar el ICO.

Tamaño del archivo y caché

El ICO contiene seis entradas comprimidas en PNG, por lo que es más grande que un único icono de 16×16, pero sigue siendo pequeño para un logotipo sencillo. Los navegadores guardan los favicons en caché de forma muy agresiva, así que tras sustituir el archivo puede que necesites una recarga forzada o borrar los datos del sitio para que aparezca el nuevo icono. Si además quieres archivos PNG independientes para los iconos Apple touch y Android, el generador de favicons de este sitio los crea.

El conversor acepta cualquier tipo de imagen que tu navegador pueda abrir, no solo PNG, y da a la descarga el nombre de tu archivo de origen con la extensión .ico. Todo se procesa en local, así que los logotipos inéditos se mantienen privados.