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 ahora
Conversió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 ahora
Conversió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
Para una amplia cobertura de navegadores y dispositivos, los tamaños habituales incluyen iconos de navegador de 16×16 y 32×32, un icono de Windows de 48×48, un icono táctil de Apple de 180×180 y iconos de Android/PWA de 192×192 y 512×512. El generador crea estos, además de favicon.ico y site.webmanifest, a partir de una imagen, unas iniciales o un emoji o símbolo.
usageLos navegadores modernos admiten iconos PNG, pero favicon.ico sigue siendo una opción de compatibilidad útil. El paquete descargado incluye un favicon.ico multirresolución además de los tamaños PNG modernos, así que no necesitas una segunda conversión.
technicalUn manifiesto de aplicación web es un archivo JSON que le indica a Android, Chrome y Edge cómo debe verse tu sitio cuando se instala como aplicación web progresiva: icono, nombre, color del tema y modo de visualización. Nuestro generador incluye un manifiesto inicial que apunta a los iconos de Android Chrome; solo tienes que editar el nombre y el theme_color.
featuresUsa una imagen cuadrada de 512×512 o mayor, de una a tres iniciales en negrita con fuerte contraste, o un emoji o símbolo simple. Evita el detalle fino que desaparece a 16×16. La vista previa del origen en vivo te ayuda a valorar el monograma o el emoji antes de generar el paquete.
tipsLos logotipos subidos se envían por HTTPS cuando eliges Generar. Los orígenes de iniciales y emojis se renderizan primero localmente en tu navegador, y luego esa imagen de origen generada se envía para crear el paquete. Los archivos procesados en el servidor siguen la política de Seguridad; no se sube nada por el simple hecho de editar la vista previa local.
privacyDescomprime la descarga en la carpeta /public (o la raíz web) de tu sitio y, a continuación, añade el fragmento HTML incluido a tu <head>: las etiquetas link para los iconos PNG, además de un enlace a site.webmanifest. Recarga tu sitio de forma forzada (Cmd+Shift+R), ya que los navegadores almacenan los favicons en caché de forma agresiva, por lo que es posible que tengas que vaciar la caché para que aparezca el nuevo icono.
usageEl paquete incluye los iconos de 192×192 y 512×512 y un manifiesto inicial que usan las aplicaciones web instalables. Los iconos por sí solos no hacen que un sitio sea instalable; tu aplicación también debe cumplir los requisitos actuales del navegador de manifiesto, HTTPS y service worker.
technicalSí. Obtenga una vista previa y descargue el ZIP de favicon limpio sin crear una cuenta. El conjunto de íconos se representa en nuestros servidores, por lo que el uso gratuito tiene un margen y Premium elimina el límite.
pricingUn favicon es el pequeño icono que aparece en las pestañas del navegador, los marcadores y el historial, junto con los tamaños de icono relacionados que se usan para los accesos directos de la pantalla de inicio y de las apps instaladas. Empieza aquí con la imagen de un logotipo, unas iniciales o un emoji o símbolo y descarga el conjunto de iconos junto con el site.webmanifest en un solo ZIP.
usageSí. Elige Crear a partir de iniciales para introducir de uno a tres caracteres, un estilo de texto y colores de primer plano/fondo, o elige Crear a partir de un emoji para un símbolo y un fondo. El panel de diseño correspondiente se abre automáticamente, la fuente se previsualiza de forma local y no se genera nada hasta que eliges la acción del favicon.
featuresSí: el cargador acepta archivos de origen PNG, JPEG, WebP y SVG, no solo PNG. Vale la pena usar SVG si lo tienes: al ser vectorial, cada tamaño de salida, de 16 hasta 512, se renderiza de nuevo a partir de los datos vectoriales en lugar de ampliarse desde un ráster, así que los bordes se mantienen nítidos incluso a 512×512. JPEG y WebP también funcionan bien, aunque deberías aplanar antes cualquier transparencia sobre un fondo, ya que JPEG no puede contener un canal alfa.
technicalElige Usar una imagen o logotipo, sube el PNG y genera el paquete. Incluye un favicon.ico de varias resoluciones, tamaños en PNG, iconos de Apple y Android, el site.webmanifest y un fragmento de HTML en un solo ZIP. También puedes partir de un JPEG, WebP o SVG, o cambiar de modo para diseñar un monograma con iniciales o usar un emoji o símbolo.
usageSí, Pixoate admite el procesamiento por lotes y en masa. Cambie al modo por lotes, agregue hasta 60 imágenes de origen en Premium o 200 en Pro, configure sus opciones una vez y cada imagen de origen se procesará con la misma configuración antes de descargar un ZIP que contiene un archivo de paquete de favicon completo por imagen de origen. El procesamiento masivo es una característica Premium; la salida utiliza la misma calidad y configuración que el modo único.
featuresSí, con el procesamiento masivo usted configura los ajustes una sola vez y se aplican a cada elemento del lote: hasta 60 imágenes de origen en Premium o 200 en Pro. No es necesario repetir la configuración por elemento, y los archivos temporales cargados y generados se procesan de forma segura y se eliminan automáticamente.
usageCasi siempre se debe a una de estas tres causas. El archivo supera el límite de subida gratis de 11 MB: Premium admite 50 MB y Pro, 120 MB. El formato no es compatible con esta herramienta; comprueba la lista del panel de subida. O el archivo no tiene realmente el formato que indica su nombre: cambiarle el nombre no altera su contenido, y por eso puede rechazarse un archivo que parece válido.
troubleshootingSí, ajusta las entradas y genera nuevamente tantas veces como necesites; nada está bloqueado hasta que lo descargues. Verifique el resultado en el tamaño que realmente se usará, porque algo que se lee claramente en la pantalla puede fallar una vez que se imprime en tamaño pequeño o se muestra en un teléfono.
troubleshootingNo. Puedes ejecutar Favicon Generator y descargar el resultado gratuito sin una cuenta y no lleva marca de agua. Premium es lo que compras cuando los límites empiezan a hacer efecto: hasta 60 archivos en un lote, cargas más grandes, sin límite diario y el resultado con la resolución original. No se revela nada en el paso de descarga que no estuviera visible antes de comenzar.
pricingNo: Favicon Generator funciona en el navegador, tanto en el ordenador como en el móvil. No necesitas instalar nada, iniciar una prueba ni comprar una licencia antes de comprobar si resuelve lo que necesitas. Pruébalo con el archivo real con el que tienes problemas, no con una muestra.
troubleshootingCó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.
