Generador de favicon
Dale a tu sitio web un icono de pestaña y un icono de pantalla de inicio adecuados en navegadores de todos los tamaños y los teléfonos esperan.
- Los archivos nunca salen de su dispositivo
- 100 % gratis
- Sin registro
- Sin marca de agua
- Funciona sin conexión después de la primera carga
o arrastra y suelta una imagen aquí — o pegar con Ctrl+V
Cómo hacer un favicon
- Seleccione o suelte su logotipo (PNG, SVG, JPG…) o escriba letras o un emoji y haga clic en Crear.
- Ajuste el relleno, la forma y el fondo, y compruebe la pestaña del navegador y las vistas previas del teléfono.
- Haga clic en Crear conjunto de favicon, descargue el archivo ZIP, cargue los archivos en su sitio y pegue el código HTML en la sección principal de su página.
Acerca de Generador de favicon
Un favicon es el pequeño icono que se muestra en las pestañas del navegador, los marcadores y en las pantallas de inicio del teléfono. Diferentes navegadores y dispositivos necesitan diferentes tamaños y archivos, por lo que este generador hace todo el conjunto de una imagen y le da el HTML exacto para pegar en su sitio.
Comience con un logotipo, un SVG, o simplemente letras o un emoji. Agregue relleno, hágalo redondo o redondeado, dele un fondo y vea cómo se ve en una pestaña del navegador clara y oscura y en un teléfono antes de descargarlo. Todo se crea en su navegador.
Ideal para
- Agregar un favicon a un nuevo sitio web o blog
- Hacer iconos de PWA y de pantalla de inicio para una aplicación web
- Sustitución de un favicon.ico borroso por uno multi-tamaño
Consejo: Las formas simples y las letras en negrita se leen mejor a 16 px — Evite el texto pequeño en su favicon.
Preguntas frecuentes
¿Qué archivos se incluyen?
favicon.ico (16, 32 y 48 px), favicons PNG en 16, 32, 48 y 96 px, un icono táctil de Apple de 180 px, iconos Android / PWA de 192 y 512 px, un icono enmascarable, un azulejo de Windows, site.webmanifest, browserconfig.xml y el código HTML, además de favicon.svg cuando comienza desde un SVG.
¿Qué tamaño debería tener mi logo?
Los píxeles cuadrados y al menos 512 × 512 funcionan mejor. Un SVG es ideal porque se mantiene nítido en todos los tamaños.
¿Por qué el icono de Apple tiene un fondo?
Los iPhones y iPads llenan las áreas transparentes con negro, por lo que el icono táctil de Apple siempre obtiene el color de fondo que elijas.
¿Puedo hacer un favicon sin un logo?
Escribe una o tres letras o un emoji, elige la fuente, los colores y la forma, y haz clic en Crear.
¿Mi logo está cargado?
No. Los iconos están hechos en su navegador, por lo que su logotipo nunca sale de su dispositivo.