Ir al contenido
HandfulTools

Generador de favicon

Sube un logotipo cuadrado y obtén todos los iconos que necesita una web moderna —favicon.ico, PNG de 16 y 32 px, icono para Apple de 180 px, iconos de Android de 192 y 512 px y un site.webmanifest— además del HTML que hay que pegar en la página.

Funciona en tu navegador

Loading…

Cómo se usa

  1. Arrastrar un PNG o SVG cuadrado (de 512 px o más).
  2. Si hace falta, añadir margen interior o un color de fondo.
  3. Hacer clic en «Generar» y descargar el ZIP.
  4. Subir los archivos a la raíz del sitio y pegar el HTML.

Cómo funciona

Cada tamaño se renderiza por separado a partir de tu imagen de origen con un suavizado de alta calidad. favicon.ico contiene imágenes PNG de 16, 32 y 48 px en un solo archivo, un formato que admiten todos los navegadores y Windows. El icono para Apple no debe tener transparencia en iOS, así que usa la opción de color de fondo si tu logotipo es transparente.

El manifiesto web permite que los navegadores de Android y de escritorio muestren tu icono cuando el sitio se instala como aplicación.

Ejemplos

Web de una startup
Un PNG de logotipo de 1024 px → un paquete completo de favicons listo para la carpeta /public.

Usos habituales

  • Webs y aplicaciones web nuevas
  • Sustituir un favicon borroso
  • Aplicaciones web progresivas (PWA)

Privacidad y seguridad

Esta herramienta funciona por completo en tu navegador. Tus archivos y tus textos nunca se suben a nuestros servidores: el procesamiento ocurre en tu dispositivo y los resultados se generan de forma local. Cómo trata los archivos cada herramienta

Preguntas frecuentes

¿Sigue haciendo falta favicon.ico?

Sí: es la alternativa con más compatibilidad, y los navegadores piden /favicon.ico automáticamente.

¿Qué imagen de origen va mejor?

Un logotipo sencillo y cuadrado de 512 px o más, que se lea bien en tamaño muy pequeño.

Última actualización: