Generador de favicon
Crea el pequeño icono que aparece en las pestañas del navegador y en la pantalla de inicio del móvil, a partir de unas letras o de tu logotipo. Obtienes todos los tamaños, un favicon.ico y el HTML listo para pegar.
VISTA PREVIA
HTML
<link rel="icon" href="/favicon.ico" sizes="48x48"> <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png"> <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png"> <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png"> <link rel="manifest" href="/site.webmanifest">
Pega estas líneas dentro del <head> de tus páginas.
Funciona por completo en tu navegador. Nada de lo que escribes se envía a ningún servidor.
Cómo crear un favicon
Elige letras o una imagen
Escribe de una a tres letras o un emoji, o abre tu logotipo.
Dale estilo
Elige la forma y los colores o, si usas una imagen, el fondo y el margen.
Descárgalo y añádelo
Descarga el ZIP, sube los archivos a la carpeta raíz de tu sitio y pega el HTML en el <head> de la página.
Qué incluye el paquete
favicon.ico con versiones de 16, 32 y 48 píxeles para los navegadores, iconos PNG de 16 y 32 píxeles, un Apple touch icon de 180 píxeles para la pantalla de inicio del iPhone y el iPad, iconos de 192 y 512 píxeles para Android, y un site.webmanifest que los enumera.
Diseñar para 16 píxeles
En una pestaña del navegador, un favicon es diminuto. Una o dos letras gruesas o un símbolo sencillo se siguen reconociendo; los logotipos con mucho detalle se convierten en un borrón. Revisa la vista previa de 16 píxeles antes de descargar.
Preguntas frecuentes
¿Dónde pongo los archivos?
En la carpeta raíz de tu sitio web, para que existan /favicon.ico y las demás rutas del HTML. Después, añade las líneas HTML dentro de <head>.
¿Por qué sigue apareciendo mi favicon antiguo?
Los navegadores guardan los favicons en caché durante mucho tiempo. Para comprobarlo, recarga la página vaciando la caché o abre el sitio en una ventana privada.
¿Se sube mi logotipo?
No. Todos los iconos se dibujan en tu navegador.