153 · Herramientas de imagen

Generador de favicones

Comience con su logotipo o una letra y obtenga todos los archivos de íconos que buscan los navegadores y los teléfonos.

Tus datos: Esta herramienta procesa su entrada en este navegador. CapyHelp no carga esa entrada para generar su resultado. Detalles de privacidad

Generador de favicones

Empezar desde

Cómo utilizar el generador de favicon

  1. Elija letras y colores, o cambie a una imagen y elija su logotipo.
  2. Elige una forma y comprueba las vistas previas.
  3. Descargue el ZIP y pegue el HTML en el <head> de su página.

¿Qué hay en el set?

  • favicon.ico con 16, 32 y 48 px para navegadores y marcadores
  • favicon-32x32.png para navegadores modernos
  • apple-touch-icon.png (180 px) para pantallas de inicio de iPhone y iPad
  • icon-192.png y icon-512.png para Android y aplicaciones web instaladas
  • site.webmanifest que los enumera

Sube los archivos a la carpeta raíz de tu sitio web.

Ejemplos

Letra “T”, blanca sobre azul, redondeada

6 archivos y 4 etiquetas HTML

logo.svg con 8% de relleno

Iconos centrados con un margen.

Preguntas

¿Cómo compruebo cómo se ve?

Pruebe su ícono en la <a href="/tools/favicon-previewer/">vista previa de favicon</a>, que lo muestra en las pestañas del navegador, en los marcadores y en la pantalla de inicio.

¿Se cargan mis archivos?

No. Los archivos son procesados por su navegador en su propio dispositivo y nunca se envían a un servidor.

Traducción automática. Revisar resultados importantes.