EspañolES

Generador de favicon – imagen o texto a favicon.ico

Añade un texto o una imagen y obtén todos los archivos de favicon que necesita tu sitio, en todos los tamaños.

Tus textos y archivos no salen de tu navegador: no se envía nada a ningún servidor.

El apple-touch-icon (180 px) siempre es un cuadrado relleno, porque iOS redondea las esquinas por su cuenta.

Vista previa
16×16
32×32
48×48
180×180
192×192
512×512
Archivos
    Etiquetas HTML (dentro de <head>)
    site.webmanifest

    Cómo se usa

    1. Elige “Desde texto o emoji” para usar una o dos letras o un emoji, o “Desde una imagen” para partir de tu logo.
    2. Ajusta el color de fondo, la forma (cuadrado, redondeado o círculo), el tamaño del texto y el margen interior: la vista previa se actualiza sobre la marcha.
    3. Presiona “Descargar todo (ZIP)” para obtener favicon.ico, seis PNG, site.webmanifest y un archivo con las etiquetas. También puedes descargar cada archivo por separado.
    4. Sube los archivos a la carpeta raíz de tu sitio y pega las etiquetas HTML dentro de <head>.

    Preguntas frecuentes

    ¿Qué tamaños incluye favicon.ico?

    Contiene tres imágenes —16, 32 y 48 px— guardadas como PNG. Los navegadores modernos y Windows leen directamente las imágenes PNG dentro de un archivo ICO.

    ¿Puedo cambiar el nombre de los archivos?

    Sí, pero actualiza las rutas en las etiquetas HTML y en site.webmanifest para que coincidan. Lo más sencillo es dejar los nombres predeterminados.

    ¿Por qué los emojis se ven distintos en cada dispositivo?

    Los emojis se dibujan con las fuentes instaladas en tu dispositivo, así que varían entre Windows, macOS y Android. Una vez descargado, el PNG es una imagen y se ve igual en todas partes.

    Mi nuevo favicon no aparece en el navegador.

    Los navegadores guardan los favicons en caché durante mucho tiempo. Prueba una recarga forzada, o añade ?v=2 al final de las rutas de los archivos en tus etiquetas.

    Herramientas relacionadas

    Imagen de rellenoImágenes de prueba de cualquier tamañoRedimensionar imagenCambia el tamaño en píxeles o porcentajeConversor de imágenesConvierte entre JPG, PNG y WebPFondo transparenteVuelve transparente un color

    Todas las herramientas