PixoateGenerador de favicons: crea todos los tamaños de favicon a partir de una imagen
Sube cualquier imagen y obtén al instante el conjunto completo de favicon: un favicon.ico multirresolución más PNG de 16, 32, 48, 180 (Apple), 192 y 512 (PWA) y site.webmanifest, empaquetado como un ZIP.
Suelta tu logotipo para generar todos los tamaños de favicon
Incluye favicon.ico, site.webmanifest + fragmento de HTML
¿Terminaste con Generador de favicons? Prueba estas a continuación
Herramientas seleccionadas que combinan a la perfección con Generador de Favicon. Sigue trabajando sin perder tu archivo.
Conversor ICO
Convierte PNG / JPG / SVG en un icono .ico de Windows con varias resoluciones (16 / 32 / 48 / 64 / 128 / 256 px y más).
Pruébalo ahoraSVG a PNG
Rasteriza cualquier SVG a un PNG nítido a una escala de 1x a 8x con fondo transparente, blanco o personalizado.
Pruébalo ahoraPNG a WebP
Convierte PNG a WebP y reduce el tamaño del archivo entre un 60 y un 80 % conservando cada píxel transparente. Control de calidad y modo sin pérdidas opcional.
Pruébalo ahoraImagen a sticker
Convierte cualquier foto en una pegatina de estilo impreso con eliminación de fondo por IA y un contorno blanco personalizable. Perfecta para WhatsApp, Telegram, iMessage.
Pruébalo ahoraRedimensionar imagen
Redimensiona imágenes JPG, PNG, GIF, WebP o SVG a un ancho y alto exactos, o escálalas por porcentaje: redimensiona una sola imagen o muchas a la vez en un ZIP. Vista previa en tiempo real, mantiene la relación de aspecto y la calidad. Gratis, sin registro y sin marca de agua.
Pruébalo ahoraSelector de color
Selecciona el color de cualquier píxel de una foto (HEX / RGB / HSL) o extrae automáticamente la paleta dominante. Expórtala como JSON o variables CSS.
Pruébalo ahoraFrequently Asked Questions
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.
tipsYour source image is uploaded over HTTPS to our secure server, which renders every favicon size and the site.webmanifest and returns them as a ZIP, then deletes the upload automatically after processing. Downloads have no watermark and nothing is stored or shared, so it stays safe for unreleased products and pre-launch brand identities.
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.
technicalSí. Sin marcas de agua, sin registro y sin límite de uso, y el ZIP es tuyo para siempre. Añadimos esta herramienta porque todo desarrollador acaba necesitando un conjunto de favicons, y los generadores existentes o estaban llenos de anuncios o te cobraban por las salidas en alta resolución.
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.
usageYes — the uploader accepts PNG, JPEG, WebP and SVG source files, not just PNG. SVG is worth using if you have it: because it's vector, every output size from 16 up to 512 is rendered fresh from the vector data instead of being scaled up from a raster, so edges stay crisp even at 512×512. JPEG and WebP work fine too, though you should flatten any transparency onto a background first since JPEG can't hold an alpha channel.
technicalHow Favicon Generator helps you get it done
Real problems it solves every day — for businesses, creators, and everyday tasks. Find the use case that fits you and start in seconds.
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.
Icons for a Browser Extension Manifest
Grab the 16, 32 and 48px PNGs straight out of the ZIP for your manifest.json icons object — a fast way to get compliant extension icons without exporting each size by hand in a design tool.
Fill the Favicon Gap on No-Code Sites
Webflow, Framer and Wix rarely generate a full favicon set on their own; upload your logo here and paste the resulting sizes and HTML snippet into the site's custom-code or SEO settings panel in minutes.
Give a Hobby Blog a Finished Look
Personal blogs on Ghost, Jekyll or Hugo often ship with no favicon at all; generate the full set from a headshot or hand-drawn logo so the browser tab looks intentional instead of blank.
Fix the Favicon Flagged in an SEO Audit
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.