Cómo crear un favicon a partir de una imagen

Un favicon es la imagen diminuta que el navegador muestra en la pestaña, en los marcadores y en el historial, junto al nombre de tu sitio. El formato tradicional es ICO, un archivo de icono pequeño que la mayoría de los navegadores reconoce sin configuración adicional.

Un buen favicon cumple dos condiciones: debe ser más o menos cuadrado y seguir siendo legible al reducirse al tamaño de una uña. Por eso los favicons suelen ser una letra gruesa, un logo o una forma simple, en lugar de una foto detallada.

Si ya tienes un logo cuadrado, convertirlo es un solo paso:

• Abre el conversor de PNG a ICO y suelta tu imagen.
• Deja que se convierta y luego descarga el archivo .ico.
• Añádelo a tu sitio como favicon.ico, o haz referencia a él desde tu HTML.

¿Partes de otro formato? Usa el conversor JPG a ICO para una foto o un logo plano, o SVG a ICO si tu marca es vectorial: un origen vectorial es ideal porque se dibuja con nitidez a cualquier tamaño que necesite el icono. Cada conversión se ejecuta en tu navegador, así que la imagen nunca se sube.

El icono solo puede ser tan claro como la imagen que le proporciones. Si tu imagen no es cuadrada, recórtala primero en cuadrado en el editor de fotos para que el conversor no tenga que adivinar: centra la parte importante y recorta el resto. Simplifica las composiciones cargadas hasta dejarlas en una sola forma o letra fuerte, porque el detalle fino se vuelve borroso al tamaño de un favicon.

Si tu logo existe como arte vectorial, consérvalo como SVG el mayor tiempo posible y conviértelo a ICO al final: los vectores se mantienen nítidos porque se renderizan al tamaño exacto de píxeles, en lugar de ampliarse desde un mapa de bits pequeño. Para más contexto sobre cómo rasterizar vectores sin perder calidad, consulta cómo convertir un SVG a PNG sin perder calidad.