Generador de Favicon

Convierte un logotipo o cualquier imagen cuadrada en un conjunto completo de favicons: un favicon.ico de varios tamaños, iconos PNG para navegadores y teléfonos, un web manifest y el HTML para pegar en tu sitio. Todo se genera en tu navegador, así que tu diseño nunca se sube.

Arrastra una imagen aquí o haz clic para elegir un archivo

Un PNG cuadrado con transparencia da el mejor resultado. Los archivos se quedan en tu dispositivo.

Vista previa

HTML para el head de tu página

Tu navegador genera cada tamaño de icono, monta el favicon.ico y empaqueta el ZIP. Tu imagen de origen nunca se envía a un servidor.

Todo lo Que Necesitas para Añadir un Favicon

Un favicon es el pequeño icono que aparece en las pestañas del navegador, los marcadores y las pantallas de inicio de los teléfonos. Hacerlo bien requiere varios tamaños y un par de formatos, algo laborioso de crear a mano. Este generador de favicon toma una imagen y produce todo el conjunto por ti: un favicon.ico clásico con las versiones de 16, 32 y 48 píxeles, PNG independientes para navegadores modernos y dispositivos Apple y Android, un web manifest y las líneas exactas de HTML para pegar en el head de tu página.

Está pensado para desarrolladores web, bloggers y dueños de tiendas que quieren un favicon nítido y correcto en todos los navegadores y dispositivos sin pelearse con un editor de imágenes.

Cómo Generar un Favicon

  1. Sube una imagen. Un logotipo o icono cuadrado con fondo transparente da el resultado más limpio.
  2. Revisa las vistas previas. Comprueba cómo se ve en cada tamaño, desde el diminuto icono de pestaña de 16 píxeles hasta 512 píxeles.
  3. Descarga. Consigue el favicon.ico por separado o el paquete ZIP completo con todos los archivos.
  4. Pega el HTML. Copia el fragmento que te damos en el head de tu sitio y sube los archivos a su raíz.

Un ICO Real de Varios Tamaños

El favicon.ico es un archivo de icono auténtico que contiene las imágenes de 16, 32 y 48 píxeles en uno, para que los navegadores elijan la versión más nítida para pestañas, marcadores y la barra de direcciones.

Iconos para Web y Teléfono

El paquete incluye iconos PNG para navegadores modernos, un Apple touch icon de 180 píxeles para iPhone y iconos de 192 y 512 píxeles para Android y aplicaciones web progresivas.

HTML Listo para Pegar

También obtienes un archivo manifest y un breve bloque de HTML para copiar en el head de tu página, así que integrar el favicon en tu sitio se reduce a pegar y subir.

Por Qué Usar Este Generador de Favicon

  • Conjunto completo: ICO, iconos PNG, manifest y HTML de una vez.
  • ICO de varios tamaños real: 16, 32 y 48 píxeles reunidos en favicon.ico.
  • Sin subir nada: tu logotipo se procesa en el navegador y sigue siendo privado.
  • Sin marca de agua: los iconos son únicamente tu imagen, sin nada añadido.
  • Gratis e instantáneo: sin cuenta y sin esperar a un servidor.

Tamaños de Favicon y Usos Habituales

La forma más rápida de crear un favicon es soltar un PNG o JPG cuadrado de tu logotipo y dejar que la herramienta genere todos los tamaños. El favicon.ico que crea contiene las versiones de 16 por 16, 32 por 32 y 48 por 48 en un solo archivo, que es justo lo que los navegadores necesitan para pestañas, marcadores y la barra de direcciones. El icono de 16 por 16 es el pequeño que ves en la pestaña del navegador, mientras que el de 32 por 32 se usa en pantallas más nítidas y accesos directos anclados. Si tienes un sitio en WordPress, Shopify o HTML simple, este es el favicon.ico que debes subir a la raíz de tu sitio, con las etiquetas link correspondientes pegadas en el head de la página.

Para teléfonos y aplicaciones también obtienes un Apple touch icon de 180 por 180, el tamaño que usan iPhone y iPad cuando alguien añade tu sitio a la pantalla de inicio, además de PNG de 192 por 192 y 512 por 512 para Android y aplicaciones web progresivas, junto con un web manifest. Como la imagen se escala para encajar y se centra, puedes convertir un logotipo ancho, el icono de una aplicación o una sola letra en un conjunto de iconos limpio. Un símbolo sencillo con fondo transparente se lee mejor cuando se reduce a 16 por 16.

Preguntas Frecuentes

Sube una imagen cuadrada, revisa las vistas previas en cada tamaño, descarga el favicon.ico o el paquete ZIP completo y pega el HTML que te damos en el head de tu página.

Un favicon.ico con 16, 32 y 48 píxeles, además de iconos PNG de 16, 32 y 180 para dispositivos Apple, y de 192 y 512 para Android y aplicaciones web.

Sí. El archivo ICO se monta en tu navegador e incluye juntas las imágenes de 16, 32 y 48 píxeles, para que los navegadores elijan la más nítida.

No. Cada tamaño se genera y los archivos se empaquetan por completo en tu navegador. Tu imagen de origen nunca se envía a un servidor.

Lo mejor es una imagen cuadrada, idealmente un logotipo o símbolo sencillo con fondo transparente para que se lea con claridad incluso a 16 píxeles.

Sube los archivos de iconos a la raíz de tu sitio web y pega el fragmento HTML en la sección head de tus páginas.

No. Los iconos contienen solo tu imagen. No se añade nada de MyIMGs.

Sí, es totalmente gratis y no necesita cuenta.

Arrastra un PNG cuadrado, o un JPG, revisa las vistas previas y descarga el favicon.ico o el paquete ZIP completo. La imagen se escala para encajar y se centra, así que un logotipo o símbolo con fondo transparente da el mejor resultado.

Un favicon.ico debe incluir los tamaños de 16 por 16, 32 por 32 y 48 por 48, que esta herramienta reúne por ti. Para teléfonos también necesitas un Apple touch icon de 180 por 180, además de PNG de 192 por 192 y 512 por 512 para Android y aplicaciones web.

Descarga el paquete, sube favicon.ico y los archivos PNG a la raíz de tu sitio y pega las etiquetas link que te damos en el head de la página. En WordPress, Shopify o HTML simple, el favicon.ico en la raíz del sitio es el que los navegadores usan como icono de la pestaña.

El favicon.ico es un solo archivo que contiene varios tamaños a la vez, aquí 16 por 16, 32 por 32 y 48 por 48, para que los navegadores antiguos y nuevos elijan el más nítido. Los iconos PNG independientes los usan los navegadores modernos y los teléfonos para el Apple touch icon y los iconos de Android.

Herramientas Relacionadas