Crear Favicon

Genera un favicon .ico multi-tamaño desde cualquier imagen
Local · privado
Arrastra tu logo o imagen aquí o haz clic para elegir
Idealmente cuadrada. Se recortará al centro si no lo es.

Sobre esta herramienta

Genera un favicon (el ícono que aparece en la pestaña del navegador) en formato .ico a partir de cualquier imagen o logo, incluyendo varios tamaños estándar (16x16, 32x32, 48x48) dentro de un solo archivo, además de una versión PNG de 180x180 para Apple Touch Icon usada por dispositivos iOS. Sube tu logo o imagen, la herramienta la recorta y escala automáticamente a cada tamaño necesario y genera un archivo favicon.ico válido, listo para subir a la carpeta raíz de tu sitio web o incluir en el de tu HTML. Todo el proceso ocurre en tu navegador sin subir tu imagen a ningún servidor externo. Imprescindible para cualquier desarrollador web, diseñador o dueño de sitio que necesite un favicon profesional sin depender de generadores online de terceros ni instalar software de edición de iconos.

Preguntas frecuentes

¿Qué archivos obtengo?

Un favicon.ico con tres tamaños en el mismo archivo (16×16, 32×32 y 48×48 píxeles) y un PNG de 180×180 para el icono de pantalla de inicio de iOS (Apple Touch Icon). Todos se recortan desde el centro de tu imagen.

¿Qué imagen de partida conviene?

Una imagen cuadrada, sencilla y de alto contraste, de al menos 512×512 píxeles. Un favicon se muestra diminuto (16 píxeles), así que los logotipos con mucho detalle o con texto fino se vuelven ilegibles; mejor un símbolo simple o una inicial.

¿Dónde pongo los archivos en mi web?

Sube favicon.ico a la raíz del sitio, y añade en el head de tu HTML las etiquetas link rel="icon" y link rel="apple-touch-icon" apuntando a los archivos. Muchos navegadores buscan /favicon.ico por su cuenta aunque no pongas la etiqueta.

¿Por qué mi favicon no se actualiza?

Los navegadores guardan los favicon en caché con mucha insistencia. Tras subir uno nuevo, prueba a forzar la recarga (Ctrl+F5), a abrir la web en una ventana privada o a cambiar el nombre del archivo y de la etiqueta.

¿Qué pasa si mi imagen no es cuadrada?

Se recorta un cuadrado centrado con el lado más corto, así que se pierden los bordes del lado largo. Prepara antes la imagen cuadrada con Recortar imagen para decidir qué parte se queda.

¿Necesito más tamaños para una PWA o Android?

Sí: para una aplicación web instalable hacen falta iconos de 192×192 y 512×512 como mínimo. El Generador de iconos de app crea doce tamaños de una vez, incluidos esos, en un ZIP.

Herramientas relacionadas

Espacio publicitario