Vista previa del resultado de «Generador de favicons»

Generador de Favicon: crea un Favicon a partir de una imagen gratis

Genere íconos PNG de 16 a 512 px, un ícono táctil de Apple y un site.webmanifest a partir de una imagen.

¿Desde qué debe partir el favicon?

Suelta una imagen cuadrada — recibe todos los tamaños de favicon más site.webmanifest en un ZIP.

Incluye favicon.ico, site.webmanifest + fragmento de HTML

Lo que puedes hacer con Generador de favicons

Revise las capacidades principales antes de comenzar.

  • Empieza desde una imagen, unas iniciales o un emoji o símbolo
  • Previsualiza los colores del logotipo de letras y el estilo de texto antes de generarlo
  • Crea iconos Apple touch y de pantalla de inicio de Android
  • Consigue un archivo site.webmanifest listo para usar
  • Descarga todos los tamaños de favicon en un solo ZIP
  • Genera favicon.ico y tamaños PNG de 16 a 512 px

Referencia de configuración

Controles disponibles para Generador de favicons.

Modo de procesamientoAjustes predefinidos
Procesa una entrada o cambia al modo por lotes de Premium para aplicar los mismos ajustes a varias entradas. Los tipos de entrada disponibles dependen de la herramienta.Opciones: Una sola imagenPor lotes

Tipo de origen

¿Desde qué debe partir el favicon?Ajustes predefinidos
Elige como origen una imagen subida, un monograma de uno a tres caracteres diseñado localmente, o un emoji o símbolo para el mismo paquete completo de favicon.Opciones: Usa una imagen o un logotipoCrear a partir de inicialesCrear a partir de un emoji

Diseño

Iniciales o texto cortoEntrada de texto
Define de uno a tres caracteres para el modo de iniciales y actualiza la vista previa local del origen antes de generar.
Estilo de textoDesplegable
Elige la familia tipográfica del monograma en el modo de iniciales.Opciones: Sin serifaSerifMonoespaciada
Color del textoSelector de color
Elige el color de las iniciales; solo se muestra cuando el origen es un monograma.
Color de fondoSelector de color
Define el fondo sólido detrás de las iniciales o un emoji antes de generar los tamaños del favicon.
Emoji o símboloEntrada de texto
Acepta hasta cuatro caracteres Unicode en el modo emoji; el aspecto depende del navegador y del sistema operativo que se usen para representar el origen.
Gratis · Sin registro · Sin marca de aguaLas cargas se cifran en tránsitoEliminado según nuestra política de retención

Preguntas frecuentes

Cómo Generador de favicons te ayuda a lograrlo

Problemas reales que resuelve todos los días: para empresas, creadores y tareas cotidianas. Encuentre el caso de uso que más le convenga y comience.

Para desarrolladores

Lanzamientos de indie hackers

Los fundadores en solitario que lanzan su MVP necesitan un favicon pulido antes del lanzamiento. Genera todos los tamaños a partir de una sola imagen de tu logotipo, junto con el manifiesto, en un solo clic: sin Figma ni suscripciones de diseño.

Para empresas

Configuración de clientes de agencia

Al entregar el sitio web de un nuevo cliente, el conjunto de favicons rara vez se presupuesta, pero siempre se espera. Genera el ZIP al final del proyecto, colócalo en /public y marca el entregable como hecho.

Para desarrolladores

Instalabilidad como PWA

Para superar la comprobación de instalabilidad de Chrome, tu manifiesto necesita iconos de 192×192 y 512×512. Nuestro resultado cumple ese requisito desde el primer momento, además de las correspondientes etiquetas del encabezado HTML.

Para empresas

Espacios de trabajo multimarca

Las agencias y consultores que gestionan múltiples marcas de clientes pueden regenerar el conjunto de favicons en 10 segundos cada vez que se lanza un cambio de imagen de marca, sin necesidad de mantener una acción de Photoshop.

Para desarrolladores

Identidad de marca para proyectos de código abierto

Los sitios de GitHub Pages, Vercel, Netlify y Cloudflare Pages necesitan favicons para verse cuidados en las pestañas del navegador. Coloca los archivos generados en tu repositorio y tu proyecto parecerá listo para producción.

Comercialización

Renovación de imagen de marca

Cuando cambie tu logo, regenera todos los tamaños necesarios, incluidos el icono touch de Apple de 180px y el icono PWA de Android de 512px, sin tener que volver a exportarlos manualmente desde Illustrator.

Para desarrolladores

Iconos para un manifiesto de extensión de navegador

Toma los PNG de 16, 32 y 48 px directamente del ZIP para el objeto icons de tu manifest.json: una forma rápida de obtener iconos de extensión conformes sin exportar cada tamaño a mano en una herramienta de diseño.

Web y SEO

Cubre la falta de favicon en sitios sin código

Webflow, Framer y Wix rara vez generan por sí solos un conjunto completo de favicons; sube tu logotipo aquí y pega los tamaños resultantes y el fragmento HTML en el panel de código personalizado o de ajustes SEO del sitio en cuestión de minutos.

Uso personal

Dale un aspecto acabado a un blog de aficiones

Los blogs personales en Ghost, Jekyll o Hugo a menudo se publican sin ningún favicon; genera el conjunto completo a partir de un retrato o un logotipo dibujado a mano para que la pestaña del navegador se vea intencional en lugar de vacía.

Comercialización

Corrige el favicon señalado en una auditoría SEO

Un favicon ausente o roto es una advertencia habitual en los informes de Lighthouse y de los rastreadores SEO, y perjudica en silencio los clics desde los resultados de búsqueda y los marcadores. Regenera el conjunto completo en una sola subida y cierra hoy mismo esa incidencia.

Ve cada transformación en acción

Cada foto cruza el separador sin cambios y sale terminada al otro lado.