Todos los tamaños de favicon a partir de una sola imagen
Hand-exporting six icon sizes per site is tedious. Drop one image and get 16–512px PNGs, the Apple touch icon, and site.webmanifest zipped in seconds.
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
Todo lo que puedes conseguir con esta herramienta — sin curva de aprendizaje y sin configuración.
- Genera todos los tamaños de favicon a partir de una sola imagen
- 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
- Añade un icono nítido de pestaña a tu web
¿Terminaste con Generador de favicons? Prueba estas a continuación
Herramientas seleccionadas que combinan bien con Generador de favicons. Sigue trabajando sin perder tu archivo.
Conversor ICO
Windows and browsers need .ico, not PNG. Convert PNG, JPG, or SVG into one multi-resolution .ico (16–256 px) ready for favicons and desktop apps in seconds.
Pruébalo ahoraSVG a PNG
Slack, docs, and most apps can't use SVG. Export your vector as a sharp PNG at 1×–8× scale with a transparent, white, or custom background — in seconds.
Pruébalo ahoraPNG a WebP
PNGs are bloating your page load. Convert them to WebP at a fraction of the size with every transparent pixel intact — in seconds.
Pruébalo ahoraImagen a sticker
Las fotos sin más desentonan en los chats. Recorta el fondo, rodea a tu sujeto con un contorno blanco y exporta un sticker con el tamaño ideal para WhatsApp, Telegram e iMessage en segundos. Empieza gratis.
Pruébalo ahoraRedimensionar imagen
¿Tamaño equivocado para la plataforma? Fija el ancho y el alto exactos o escala por porcentaje, mira la vista previa en vivo y descarga sin perder calidad, en segundos. Empieza gratis; redimensiona por lotes con Premium.
Pruébalo ahoraSelector de color
Stop guessing HEX codes from screenshots. Click any pixel for HEX, RGB, and HSL, or extract the dominant palette as JSON or CSS variables, right in your browser.
Pruébalo ahoraPreguntas frecuentes
Para los navegadores y dispositivos modernos necesitas seis tamaños: 16×16 y 32×32 para las pestañas del navegador, 48×48 para los iconos de sitio de Windows, 180×180 para el icono de toque de Apple (pantalla de inicio de iOS) y 192×192 + 512×512 para las pantallas de inicio de Android y los avisos de instalación de PWA. Nuestro generador produce los seis, más un site.webmanifest, a partir de una sola imagen de origen.
usageLa mayoría de los navegadores modernos prefieren las etiquetas link de PNG (rel="icon" type="image/png"), por lo que ya no se necesita un archivo ICO. Omitimos el ICO heredado y proporcionamos favicons PNG con el tamaño correcto para cada destino moderno. Si necesitas dar soporte a Internet Explorer o a versiones muy antiguas de Chrome, puedes convertir uno de los PNG a ICO por separado.
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.
featuresUn PNG cuadrado (1:1) de 512×512 o más grande da el resultado más limpio en todos los tamaños. Evita los detalles finos que desaparecen a 16×16: los favicons funcionan mejor con una sola forma rotunda y mucho contraste. Los PNG transparentes funcionan; la herramienta los enmarca para que el icono quede centrado en cada tamaño.
tipsTu imagen de origen se sube por HTTPS a nuestro servidor seguro, que renderiza cada tamaño de favicon y el site.webmanifest y los devuelve en un ZIP, y luego elimina la subida automáticamente tras el procesamiento. Las descargas no tienen marca de agua y no se almacena ni se comparte nada, por lo que se mantiene seguro para productos no publicados e identidades de marca previas al lanzamiento.
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.
usageSí: los PNG de 192×192 y 512×512 son exactamente lo que Chrome y Edge buscan para considerar un sitio como una PWA instalable. Junto con el manifiesto, cumplen la comprobación de instalabilidad de PWA de Lighthouse.
technicalYes. Preview the favicon set before signup, then create a free account to download the ZIP without a watermark. The icon set is rendered on our servers, so signed-in free use has an allowance and Premium removes the cap.
pricingUn favicon es el pequeño icono que el navegador muestra junto al título de tu página en la pestaña, en los marcadores y en el historial. También se usa como icono cuando alguien añade tu sitio a la pantalla de inicio del móvil o lo instala como app. Sube tu logo aquí y el generador crea todos los tamaños de favicon más un site.webmanifest en un único ZIP.
usageSí: 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.
technicalSube tu logo en PNG y el generador lo convierte en un favicon.ico multirresolución que incluye las versiones de 16, 32 y 48 píxeles que esperan los navegadores, junto con los seis tamaños en PNG y el site.webmanifest, todo empaquetado en un ZIP. También funciona con archivos de origen JPEG, WebP y SVG, así que cualquier logo se convierte en favicon sin abrir un editor de imágenes.
usageCómo Generador de favicons te ayuda a lograrlo
Problemas reales que resuelve cada día, para empresas, creadores y tareas cotidianas. Encuentra el caso de uso que se ajusta a ti y empieza en segundos.
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.