Generador de favicon

image
favorite

Suelta aquí la imagen

PNG, JPG o SVG

16px

32px

64px

128px

256px

Ajustes

Ajusta el fondo y la salida

Ajustes

Elige los tamaños y copia el código HTML

Código HTML

<link rel="icon" type="image/png" href="favicon.png">
<link rel="icon" type="image/x-icon" href="favicon.ico">

Crea favicons en el navegador

Crea favicons y recursos de icono para pestañas del navegador y aplicaciones web.

Cómo crear un favicon de sitio web

  1. Elige una imagen o crea un diseño sencillo con un emoji.
  2. Previsualiza el favicon y selecciona el tamaño y el formato de salida.
  3. Descarga el archivo PNG o ICO generado.

Crear un favicon a partir de un logotipo o un emoji

Utilice una imagen como un logotipo PNG o cree un símbolo simple en la pestaña Emoji. Las fuentes de imágenes se colocan dentro de un cuadrado manteniendo sus proporciones. Inspeccione las pequeñas vistas previas: un logotipo detallado puede resultar difícil de reconocer con 16 o 32 píxeles. Una forma simple con espacios claros suele leerse mejor.

Elija tamaños PNG o un favicon ICO de varios tamaños

El botón PNG guarda el tamaño seleccionado. All Sizes descarga archivos PNG separados de 16, 32, 48, 64, 128 y 256 píxeles; no es una descarga ZIP. El botón ICO crea un favicon.ico que contiene versiones de 16, 32 y 48 píxeles. Esta herramienta funciona con una imagen o diseño de emoji a la vez.

Agregue el favicon descargado a su sitio

Coloque el archivo descargado en su propio sitio web y adapte el ejemplo del enlace HTML a su nombre de archivo y ubicación reales. El ejemplo usa favicon.png, mientras que una descarga PNG incluye su tamaño en el nombre del archivo, así que cambie el nombre del archivo o actualice el enlace. Generar un favicon aquí no lo publica en su sitio web. El renderizado permanece en su navegador.

Preguntas sobre el favicon del sitio web

¿Puedo crear un favicon a partir de un emoji?

Sí. El editor de emojis permite crear un diseño de favicon sencillo.

¿Las imágenes se suben a un servidor?

No. El favicon se genera en el navegador y las imágenes seleccionadas no se suben a los servidores de IMGIUM.

¿Todos los tamaños descargan un favicon ZIP?

No. Inicia seis descargas PNG independientes. Su navegador puede preguntarle si desea permitir descargas múltiples. Utilice el botón ICO para un solo archivo que contenga tres tamaños de iconos.

¿Por qué el ejemplo HTML no coincide con mi nombre de archivo PNG?

Las descargas PNG incluyen el tamaño seleccionado, como favicon-32x32.png. Cambie el nombre de ese archivo a favicon.png o cambie el enlace de ejemplo al nombre de archivo que realmente carga en su sitio.

¿Necesita diferentes tamaños de íconos o dimensiones de origen?

Utilice el convertidor ICO para elegir qué tamaños van dentro de un archivo ICO, incluidos los tamaños más grandes. Cambie el tamaño de la fuente por separado si también necesita una imagen de uso general con dimensiones personalizadas.