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.
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
7 ajustes
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.
Herramientas relacionadas para Generador de favicons
Herramientas para los siguientes pasos comunes después de Generador de favicons.
Conversión de imágenes
Conversor ICO
Convierte cualquier imagen de entrada habitual en un archivo .ico multirresolución de 16–256 px, apto para los usos compatibles en navegador y escritorio.
Pruébalo ahoraConversión de imágenes
SVG a PNG
Rasterice archivos SVG como PNG a una escala de 1×–8× con un fondo transparente, blanco o personalizado.
Pruébalo ahoraConversión de imágenes
PNG a WebP
Convierta imágenes PNG a WebP con transparencia compatible y una configuración de calidad ajustable.
Pruébalo ahoraPreguntas 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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.


























