Generador de favicon
Crea favicon.ico, el icono Apple Touch, los iconos de Android y el manifiesto a partir de una sola imagen.
Acerca del Generador de favicon
Un conjunto completo de favicons necesita varios archivos: favicon.ico para navegadores y Google, un icono Apple Touch de 180×180 px para las pantallas de inicio de iPhone y iPad, iconos de 192 y 512 px para Android y aplicaciones web instalables, y un manifiesto web que los enumere, además de las etiquetas correctas en tu HTML.
Sube una imagen cuadrada (lo ideal es un logotipo PNG o SVG de al menos 512 px) y este generador crea todos los archivos en tu navegador: un favicon.ico multitamaño con imágenes de 16, 32 y 48 px, el icono Apple Touch, los iconos de Android y site.webmanifest. Elige fondo y margen, revisa el resultado y descarga todo en un único ZIP junto con el HTML para pegar en tu <head>. Tu imagen nunca se sube.
Preguntas frecuentes
¿Qué imagen debo usar?
Un logotipo o símbolo cuadrado, idealmente un PNG con fondo transparente o un SVG, de al menos 512×512 px. Las formas sencillas siguen reconociéndose a 16 px; los logotipos detallados y los textos largos, no.
¿Dónde subo los archivos?
Súbelos a la raíz de tu sitio (la misma carpeta que tu página de inicio) y pega el HTML en el <head> de cada página, o en los ajustes de tu tema o CMS.
¿Por qué el icono de Apple no es transparente?
iOS muestra las zonas transparentes en negro, así que el generador rellena el icono Apple Touch con tu color de fondo (blanco si elegiste transparente).