Generador de favicon

Al menos 512×512, y cuadrada. Todo se escala hacia abajo desde tu original, así que empezar pequeño produce iconos blandos en los tamaños grandes. Un logotipo vectorial exportado a 1024×1024 da los resultados más limpios.

Sí, aunque menos que antes. Los navegadores piden /favicon.ico por defecto incluso sin etiqueta de enlace, y sigue siendo lo que aparece en algunas vistas de marcadores e historial. El .ico de aquí contiene tres resoluciones para que el navegador escoja la más nítida.

Porque toda ranura de favicon es cuadrada, y estirar un logotipo ancho para que quepa lo hace ilegible a 16 píxeles. Se usa el mayor cuadrado centrado. Si eso recorta algo importante, prepara antes una versión cuadrada de tu marca — casi todas las marcas tienen una precisamente por esto.

Los navegadores guardan los favicons en caché con mucha insistencia, a menudo más allá de un refresco normal. Prueba una recarga forzada, abre directamente la dirección del icono, o míralo en una ventana privada. Casi siempre es la caché y no un archivo roto.

Los favicons SVG están bien admitidos y escalan a la perfección, así que son una buena elección principal si tienes arte vectorial limpio. Aun así te conviene un .ico y un icono táctil de Apple como respaldo, que es justo lo que proporciona este juego.