Resumen (TL;DR)
- Entrada Universal: Convierte PNG, JPG, WebP o SVG en un conjunto de favicon válido.
- Tamaño Inteligente: Elige entre “Cubrir” (recortar para llenar) o “Contener” (añadir relleno) para ajustar perfectamente iconos cuadrados.
- Estándar de Producción: Genera no solo un archivo, sino la mezcla esencial de
favicon.ico+ PNGs para compatibilidad web moderna.
¿Por qué usar un convertidor dedicado?
No puedes simplemente renombrar logo.png a favicon.ico. El formato ICO es un contenedor específico que guarda múltiples imágenes rasterizadas de diferentes tamaños. Los navegadores necesitan esto para elegir la versión más nítida.
Esta herramienta maneja la complejidad técnica:
- Remuestreo: Filtros de reducción de alta calidad (Lanczos3) para evitar que los iconos de 16x16 se vuelvan borrosos.
- Construcción de Contenedor: Compilación de versiones de 16x16, 32x32 y 48x48 en un solo archivo binario
.ico. - Fallbacks Modernos: Generación de PNGs estándar (192x192, 512x512) para Android, PWA y pantallas de alta densidad.
Recorte Inteligente: Cubrir vs Contener
La mayoría de los logotipos son rectangulares, pero los favicons deben ser cuadrados.
1. Cubrir (Crop to Fill)
- Comportamiento: Hace zoom hasta que la imagen llena el cuadrado. Los bordes se cortan.
- Mejor para: Símbolos, monogramas o iconos que son aproximadamente cuadrados.
2. Contener (Fit Center)
- Comportamiento: Reduce la imagen para que quepa completamente dentro del cuadrado, añadiendo relleno transparente.
- Mejor para: Logotipos anchos o altos que no se pueden recortar.
Consejo PRO: Si tu logotipo es una marca denominativa ancha, no intentes meterla en un cuadrado de 16x16. Será ilegible. Crea una variante simplificada de tu marca.
Entendiendo el formato ICO
El archivo .ico es único. A diferencia de un PNG, es un directorio de imágenes.
- 16x16: El icono de pestaña estándar en escritorio.
- 32x32: Usado para pantallas de alta densidad (Retina) y accesos directos.
- 48x48: Usado por Windows para iconos de escritorio.
Mejores Prácticas
- Empieza en Grande: Sube una imagen de al menos 512x512 píxeles.
- Verifica el Contraste: Asegúrate de que tu logotipo sea visible en fondos claros y oscuros.
- La Transparencia es Clave: Usa un PNG o SVG transparente como entrada. Los fondos blancos se ven anticuados.
FAQ
¿Por qué mi favicon se ve borroso?
A 16x16 píxeles, solo tienes 256 puntos. Los detalles complejos desaparecen. La solución es usar un diseño más simple.
¿Puedo usar solo un PNG?
La mayoría de los navegadores modernos soportan PNG, pero el soporte heredado estricto todavía busca favicon.ico. Es más seguro proporcionar ambos.