El ícono de tu página web (favicon): qué es y cómo tenerlo

El ícono de una página web, que en inglés se llama favicon, es el dibujito chico que aparece en la pestaña del navegador, al lado del nombre de la página. Parece un detalle, pero ayuda a que te reconozcan entre varias pestañas abiertas, en los favoritos y en los resultados de Google. Acá te contamos dónde aparece, cómo tiene que ser y cómo hacer el tuyo.

Portada de la nota “El ícono de tu web” del blog de Launchear
Ilustración generada con IA.

Mirá dónde aparece

  • En la pestaña del navegador, al lado del título de tu página.
  • En los favoritos o marcadores, cuando alguien guarda tu web.
  • En los resultados de Google, al lado de tu dirección, sobre todo en el celular.
  • En la pantalla de inicio del celular, si alguien agrega tu web como acceso directo.

Hacelo simple

El ícono se ve muy chico, a veces del tamaño de una lenteja. Por eso:

  • Usá una forma simple: la inicial de tu marca, el símbolo de tu logo o una figura reconocible.
  • No pongas el logo entero si es largo: las letras no se van a leer.
  • Usá los colores de tu marca, con buen contraste entre el fondo y el dibujo.
  • Probalo en fondo claro y en fondo oscuro: hay navegadores con modo oscuro.

Respetá el tamaño y el formato

  • Tiene que ser cuadrado.
  • Google pide que mida 48 × 48 píxeles o un múltiplo, como 96 × 96 o 144 × 144. Si es más chico, puede que no lo muestre en los resultados.
  • Para el celular, conviene una versión más grande, de 180 × 180, que es la que se usa cuando alguien agrega tu web a la pantalla de inicio.
  • Formatos: PNG, SVG o ICO. El SVG se ve nítido en cualquier tamaño.

Armalo en cuatro pasos

  1. Partí de tu logo y elegí la parte más reconocible: el símbolo o la inicial.
  2. Ponelo en un cuadrado con el color de tu marca de fondo, dejando un poco de margen.
  3. Exportalo en los tamaños de arriba.
  4. Subilo a tu web. En la mayoría de las herramientas para armar webs hay una opción que se llama «favicon» o «ícono del sitio». Si te la arma otra persona, pedile que lo incluya.

Revisá estos errores

  • Dejar el ícono que trae la plataforma: tu web queda con la marca de otro.
  • Usar una foto: a ese tamaño no se distingue nada.
  • Cambiar el ícono seguido: la gente lo reconoce por costumbre.

Si querés ver las demás partes de una web, mirá Partes de una página web.

Cómo lo hacemos en Launchear

En las webs que armamos, el ícono sale de tu logo. Si el logo es muy ancho para achicarlo, no lo recortamos, porque tus archivos no se editan: armamos un ícono con la inicial de tu marca y sus colores. Va incluido en todos los packs, desde Despegue (ARS 150.000). Mirá los precios.

Volver a todos los artículos
Sobre el artículo y sus fuentes

Nota escrita con asistencia de IA, revisada por Matías. Fuente de los tamaños: las pautas de Google sobre el favicon en los resultados de búsqueda. Precios vigentes al 23/10/2026.