Saltar al contenido
UUTOOLS.NET

Generador de favicon: todos los iconos que necesita tu web

Crea favicon.ico, iconos de Apple y Android y el código HTML desde una imagen, letras o un emoji.

o arrástralas aquí, o pégalas con Ctrl+V / ⌘V

Formatos admitidos: JPG, PNG, WebP, HEIC, SVG, AVIF, GIF, BMP, ICO, TIFF

¿Convertir en nuestro servidor?

Si continúas, el archivo se sube mediante una conexión cifrada y se convierte en nuestro servidor. Mientras tanto puedes seguir usando el sitio. El original se elimina en cuanto se convierte; el resultado se conserva 7 días para que puedas descargarlo y puedes eliminarlo cuando quieras. Los archivos nunca se comparten ni se usan para nada más.

Tus imágenes se procesan en tu navegador y no se suben. Detalles de privacidad

Cómo usar: Generador de favicon

  1. 1 Elige una imagen o logotipo, o cambia a «texto o emoji» y escribe de uno a cuatro caracteres.
  2. 2 Elige el fondo (un color o transparente), la forma y el margen interior.
  3. 3 Revisa la vista previa a 16, 32, 48 y 180 píxeles.
  4. 4 Descarga el ZIP, sube los archivos a la carpeta raíz de tu web y pega las líneas HTML en tus páginas.

Acerca de esta herramienta

Un favicon es el pequeño icono de las pestañas del navegador, los marcadores y la pantalla de inicio del móvil. Cada lugar pide un tamaño distinto: los navegadores usan 16 y 32 píxeles, Windows hasta 48, los iPhone 180 y Android 192 y 512.

Este generador los crea todos a partir de un solo origen: favicon.ico con imágenes de 16, 32 y 48 píxeles, favicons PNG, el icono táctil de Apple (siempre con fondo, como exige iOS), iconos de Android, un manifiesto web y el HTML para pegar. Si partes de un logotipo SVG, también se incluye el SVG como favicon moderno y escalable.

Los tamaños pequeños se reducen en varios pasos para que los bordes se vean nítidos. Todo se crea en tu navegador; tu logotipo no se sube.

Preguntas frecuentes

¿Qué archivos necesito?

favicon.ico sirve para todos los navegadores. Los PNG y el icono táctil de Apple hacen que el icono se vea nítido en pantallas de alta resolución y en la pantalla de inicio del móvil, y el manifiesto con los iconos de Android se usa cuando alguien añade tu web a la pantalla de inicio de Android.

¿Dónde pongo los archivos?

En la carpeta raíz de tu web, para que https://tuweb.com/favicon.ico funcione. Después pega las líneas HTML en la sección <head> de tus páginas (la mayoría de los creadores de webs tienen un campo para ello).

¿Qué hace que un favicon sea bueno?

Una forma sencilla o una o dos letras con mucho contraste. Los detalles finos y los textos largos no se leen a 16 píxeles, así que revisa la vista previa de 16 px.

¿Por qué el icono de Apple tiene fondo?

iOS muestra los iconos táctiles transparentes sobre fondo negro, lo que suele quedar mal. Por eso el generador siempre rellena el icono de Apple con tu color de fondo, o de blanco si elegiste transparente.

¿Se sube mi logotipo?

No. Todos los iconos los dibuja tu propio navegador y el ZIP se crea en tu dispositivo.

Herramientas relacionadas