Generador de favicon

Suelta un logo o icono y recupera un set completo: un favicon.ico con varios tamaños, los PNG que esperan los navegadores y móviles modernos, un icono para Apple, y las etiquetas HTML exactas para pegar en el head de tu web.

  • Gratis
  • Sin registro
  • Funciona en tu navegador
favicon-generator

Cómo funciona

Suelta tu logo o icono

Una imagen cuadrada da el resultado más limpio.

Revisa la vista previa de tamaños

Mira cómo se ve desde 16×16 hasta 512×512.

Descarga y pega el HTML

Todo lo que necesita tu web, listo para usar.

Más de un icono, más de un tamaño

Antes bastaba una sola imagen pequeña para un favicon; hoy los navegadores, los móviles y las pantallas de marcadores piden cada uno su propio tamaño y formato, desde un diminuto icono de pestaña de 16×16 hasta una imagen de 512×512 para una app web instalable. Esta herramienta toma una imagen de origen y genera todos los tamaños de una vez.

Qué incluye el paquete

Un favicon.ico clásico con varios tamaños para la pestaña del navegador, PNG sueltos de 16×16 y 32×32, un icono para Apple de 180×180 para cuando alguien añade tu web a la pantalla de inicio de un iPhone, y PNG de 192×192 y 512×512 para Android y apps web instalables.

El HTML que necesitas

Generar las imágenes es solo la mitad del trabajo — a los navegadores también hay que decirles dónde encontrar cada una. El fragmento de HTML ya preparado debajo de la vista previa enlaza cada archivo correctamente; pégalo en el <head> de tu web una vez subidos los archivos a la raíz de tu sitio.

Qué hace buena a una imagen de origen

Una imagen cuadrada con la parte importante centrada se reduce de forma más limpia hasta un diminuto icono de 16×16, donde el detalle fino y el texto pequeño simplemente desaparecen. Un logotipo o símbolo sencillo se lee mucho mejor a ese tamaño que una imagen recargada y llena de detalle.

Privacidad

Cada tamaño se genera localmente en tu navegador. Tu imagen nunca se sube a ningún sitio.

Preguntas frecuentes

¿Qué archivos obtengo?
Un favicon.ico, PNG de 16×16 y 32×32, un icono para Apple de 180×180, y PNG de 192×192 y 512×512 para Android y apps web, todo en un ZIP.
¿Dónde pongo estos archivos?
Súbelos a la raíz de tu web, y pega el fragmento de HTML proporcionado en el de tus páginas para que los navegadores los encuentren.
¿Qué imagen debería usar como origen?
Una imagen cuadrada con la forma principal centrada funciona mejor, porque se reduce de forma limpia incluso al tamaño más pequeño, 16×16.
¿Necesito redimensionar mi logo yo primero?
No, suéltalo con cualquier tamaño y todos los tamaños de favicon se generan automáticamente a partir de él.
¿Por qué el favicon.ico contiene más de una imagen?
El formato .ico puede guardar varios tamaños en un mismo archivo, dejando que el navegador elija el que mejor encaje; esta herramienta empaqueta versiones de 16, 32 y 48 píxeles en él.
¿Se sube mi imagen a algún sitio?
No. Todo ocurre por completo en tu navegador.