Generador de favicon
Genera un juego completo de iconos para tu sitio a partir de un PNG o un SVG: favicon.ico, PNG de 16 a 512 px, Apple Touch Icon, un manifest y el fragmento de HTML.
o suelta las imágenes aquí
Hasta 30 MBTus imágenes se procesan en tu navegador y nunca se suben- 1Elige
Elige una imagen cuadrada (lo ideal: 512 px o más, o un SVG).
- 2Ajusta
Elige el radio de las esquinas y el fondo.
- 3Descarga
Descarga el zip y pega en tu head el fragmento de HTML que incluye.
Cómo usar Generador de favicon
Qué obtienes
Un zip con favicon.ico (16, 32 y 48 px en un solo archivo), PNG de 16, 32, 48, 180, 192 y 512 px, apple-touch-icon.png para la pantalla de inicio de iOS, icon-192 e icon-512 para apps web instalables, site.webmanifest con el nombre que escribiste y head-snippet.html con las etiquetas para pegar.
Parte de una buena imagen de origen
Un PNG cuadrado de al menos 512 px, o un SVG, da el resultado más limpio. Recuerda que el icono se ve a 16 px en la pestaña del navegador: un logotipo completo con texto se convierte en una mancha a ese tamaño, así que recorta hasta el símbolo o usa una sola letra. El radio de las esquinas y el fondo se aplican a todos los tamaños a la vez.
Ponerlo en tu sitio
Copia los archivos del zip en la carpeta raíz de tu sitio y pega el contenido de head-snippet.html dentro de tu <head>. Los navegadores guardan los favicons mucho tiempo, así que comprueba el resultado en una ventana privada o con una recarga forzada.
Preguntas frecuentes
¿Mis fotos se suben a un servidor?
No. Todo se procesa dentro de tu navegador, así que tus fotos nunca salen de tu dispositivo. Cierra la pestaña y no queda ni rastro.
¿Qué tamaños necesito?
Un sitio moderno solo necesita favicon.ico, un PNG de 32 px, un Apple Touch Icon de 180 px y los iconos de 192 / 512 px del manifest. La herramienta los genera todos de una vez.