Genera archivos favicon en múltiples tamaños (16x16 a 512x512) desde cualquier imagen. Gratis, instantáneo y funciona en tu navegador.
Compatible con PNG, JPG, SVG, WebP. Máximo 10MB.
Un favicon es el pequeño ícono que aparece en las pestañas, marcadores y listas del historial del navegador. El favicon original, un archivo ICO de 16×16 en /favicon.ico, se ha expandido a un complejo conjunto de íconos de diferentes tamaños para diferentes plataformas: 16×16 y 32×32 para pestañas del navegador, 180×180 para pantallas de inicio de iOS, 192×192 y 512×512 para Android, y varios tamaños para mosaicos de Windows. Producir todo esto a partir de una única imagen de fuente es lo que hace un generador de favicon moderno.
Esta herramienta toma una única imagen fuente de alta resolución (normalmente un logotipo cuadrado) y genera el conjunto completo de recursos de favicon más las etiquetas de enlace HTML necesarias para hacer referencia a ellos. El resultado incluye ICO, varios PNG y un manifest.json para metadatos de aplicaciones web progresivas. Coloque los archivos resultantes en la raíz de su sitio y haga referencia a ellos a través del HTML generado.
Todo el procesamiento ocurre en su navegador. Sin carga, sin llamada API, sin límite de velocidad. El resultado funciona en todos los navegadores y sistemas operativos modernos que muestran favicons.
Los sitios sin favicons parecen inacabados. Las pestañas del navegador muestran un icono genérico; los marcadores no tienen identificador visual; el sitio parece menos profesional. Agregar un conjunto de favicon adecuado es un paso de pulido de alto impacto y bajo esfuerzo que indica atención al detalle.
Los requisitos de favicon modernos han ido más allá de /favicon.ico. Los íconos de la pantalla de inicio de iOS, los íconos de Chrome de Android, los íconos de mosaicos de Windows y las variantes del modo oscuro usan archivos diferentes. Generarlos todos desde una sola fuente garantiza una marca consistente sin tener que administrar cada archivo a mano.
Sube la imagen fuente y obtén el conjunto completo de favicon.
El conjunto completo de favicon moderno: favicon.ico (16+32+48 resolución múltiple), favicon-16x16.png, favicon-32x32.png, apple-touch-icon.png (180×180), android-chrome-192x192.png, android-chrome-512x512.png, mstile-150x150.png. Además site.webmanifest para PWA, browserconfig.xml para Windows.
Cada PNG se genera mediante una reducción de resolución basada en lienzo desde la fuente. La ICO se construye en JavaScript combinando versiones 16/32/48 en el formato ICO de resolución múltiple utilizando escrituras DataView.
Las etiquetas de enlace HTML hacen referencia a cada archivo con los atributos rel y size apropiados. El generador los produce como un fragmento listo para copiar y pegar para el <head> de su sitio.