Generador de favicon

Convierte tu logo o un par de letras en todos los iconos que necesita un sitio web: un favicon.ico con varios tamaños, iconos PNG para navegadores, iPhone y Android, y un site.webmanifest listo. Todo llega en un ZIP, junto con el código HTML para pegar.

Tus imágenes se quedan en tu dispositivo. Todo el proceso ocurre en tu navegador.

Cómo usar «Generador de favicon»

  1. Suelta tu logo (PNG, JPG, WebP o SVG) o haz clic en «Crear con letras o emoji».
  2. Elige cómo se ajusta la imagen, o escribe las letras y elige la forma y los colores. Comprueba el resultado en la vista previa de la pestaña.
  3. Haz clic en «Crear favicons», descarga el ZIP, sube los archivos a la carpeta raíz de tu web y pega el código HTML dentro de <head>.

Preguntas frecuentes

¿Qué archivos trae el ZIP?

favicon.ico (16, 32 y 48 px en un solo archivo), favicon-16x16.png, favicon-32x32.png, apple-touch-icon.png (180 px), android-chrome-192x192.png, android-chrome-512x512.png y site.webmanifest. Con eso cubres todos los navegadores actuales, la pantalla de inicio de iPhone y iPad, y Android.

¿Dónde pongo los archivos?

Súbelos a la carpeta raíz de tu web (junto a index.html) y pega las etiquetas <link> copiadas en el <head> de tus páginas. Si los pones en una subcarpeta, cambia las rutas en el código y en site.webmanifest.

¿Qué imagen funciona mejor?

Un logo cuadrado y sencillo, con fondo transparente y sin texto pequeño, porque los detalles finos desaparecen a 16 px. Para quitar el fondo del logo usa Quitar fondo; para hacerlo cuadrado, Recortar imagen. Un SVG da el resultado más nítido en todos los tamaños, y puedes reducirlo antes con Optimizar SVG.

¿Puedo usar un emoji?

Sí. Elige «Crear con letras o emoji» y escribe hasta tres caracteres, por ejemplo tus iniciales o un solo emoji. Los emojis se dibujan con la fuente de emojis de tu dispositivo, así que se ven algo distintos en Windows, Mac y Android.

¿Por qué el icono de iPhone tiene el fondo relleno?

iOS muestra en negro las zonas transparentes de los iconos de la pantalla de inicio, así que apple-touch-icon.png siempre lleva un fondo cuadrado completo: el color que elijas para las letras, blanco para las imágenes. iOS redondea las esquinas por su cuenta.

¿Se sube mi imagen?

No. Todos los iconos se dibujan en tu navegador y tu imagen nunca sale de tu dispositivo.

Otras herramientas

Buscar herramientas