Generador de favicons

Crea un paquete completo de favicons en tu navegador: un favicon.ico multirresolución real, PNG de 16 a 512 px, un site.webmanifest y un fragmento HTML.

Cargando herramienta…

Generador de faviconsSuelta una sola imagen PNG o JPG y crea al instante un paquete completo de favicons: un favicon.ico multirresolución real (16/32/48), iconos PNG cuadrados de 16 a 512 px, un site.webmanifest y un fragmento HTML head listo para pegar. Elige una forma cuadrada, redondeada o maskable, añade un relleno de fondo y padding, y luego descarga cualquier tamaño individual, el .ico o todo el paquete como un ZIP. Todo se ejecuta localmente en tu navegador: tu imagen nunca se sube.

¿Qué es Generador de favicons?

El Favicon Generator es un creador de favicons gratuito y basado en el navegador que convierte una imagen PNG o JPG en un paquete de favicons completo y listo para publicar. Está pensado para desarrolladores, diseñadores web y propietarios de sitios que necesitan favicons rápidamente para HTML, WordPress, PWAs o iconos Apple touch sin instalar software ni registrarse. Empaqueta un favicon.ico multirresolución real (16, 32 y 48 px), iconos PNG cuadrados de 16, 32, 48, 180 (Apple touch) y 192/512 px (Android/PWA), un site.webmanifest y un fragmento HTML head, todo renderizado con un escalado de canvas de alta calidad. Úsalo siempre que quieras convertir un logo o imagen en todos los archivos de favicon que necesita un sitio moderno, enteramente en tu propio dispositivo.

Cómo usar Generador de favicons

  1. Arrastra una imagen PNG o JPG a la zona de soltar, o haz clic en ella para buscar y elegir un archivo de tu dispositivo.
  2. Abre el engranaje de ajustes para elegir una forma cuadrada, redondeada o maskable, activar un color de relleno de fondo y definir el padding de los bordes.
  3. Espera mientras la herramienta renderiza cada tamaño, empaqueta el favicon.ico multirresolución y crea el site.webmanifest y el fragmento HTML.
  4. Haz clic en cualquier miniatura para abrir la lightbox de zoom, o copia el fragmento HTML <head> y el texto del manifest directamente desde sus paneles.
  5. Usa un botón por tamaño para guardar solo un PNG, el botón .ico para el paquete de iconos, o Descargar paquete para llevarte todo en un ZIP.
  6. Pulsa restablecer para borrar la imagen actual y empezar de nuevo con otra.

Ejemplos

De logo a paquete completo de favicons

Suelta un logo PNG y obtén favicon.ico, favicon-16x16.png, favicon-32x32.png, favicon-48x48.png, apple-touch-icon.png, android-chrome-192x192.png, android-chrome-512x512.png y site.webmanifest, además del fragmento <head> correspondiente, todo comprimido en favicon-package.zip.

Icono maskable de Android

Cambia la forma a maskable y activa un fondo blanco: la herramienta añade un padding de zona segura y establece el purpose del icono del manifest como "maskable", para que Android pueda recortarlo en círculo o squircle sin cortar tu logo.

Icono redondeado con padding

Elige la forma redondeada y alrededor de un 12% de padding para obtener esquinas suavemente recortadas con aire alrededor del arte, al estilo de los iconos de app modernos.

Preguntas frecuentes

¿El favicon.ico es un icono multirresolución real?
Sí. La herramienta empaqueta los PNG de 16, 32 y 48 px en un único contenedor favicon.ico escrito byte a byte en tu navegador, así que un solo archivo .ico sirve las tres resoluciones a las pestañas del navegador y a los marcadores.
¿Qué archivos hay en el paquete ZIP?
El ZIP contiene favicon.ico, los iconos PNG (16, 32, 48, 180, 192 y 512 px con nombres convencionales) y site.webmanifest. Pega el fragmento HTML <head> proporcionado para enlazarlos en tu página.
¿Qué hacen las opciones de forma y padding?
Cuadrada mantiene un icono cuadrado simple, redondeada recorta las esquinas y maskable añade un margen de zona segura y marca los iconos del manifest como maskable para Android. El padding reduce el arte dentro de cada cuadrado y el relleno de fondo pinta detrás.
¿Qué formatos de imagen puedo subir?
Puedes arrastrar o buscar una sola imagen PNG o JPG. La herramienta lee esa única imagen de origen y renderiza a partir de ella cada tamaño de salida, el favicon.ico y el manifest.
¿Se sube mi imagen a un servidor?
No. Todo se ejecuta localmente en tu navegador usando la Canvas API: los iconos PNG, el contenedor favicon.ico y el ZIP se crean en tu dispositivo, así que tu imagen nunca se sube.

Herramientas relacionadas