Generador de favicon: iconos PNG e ICO multitamaño

Convierte una imagen en PNG de 16 a 512 píxeles y un ICO con tamaños de 16, 32, 48, 64 y 256 px. Revisa y descarga tus iconos.

Crea tamaños de icono estándar sin recortar los bordes de la imagen.

o suelta una imagen en cualquier lugar de esta página

favicon.ico incluye fotogramas de 16, 32, 48, 64 y 256 px. Los PNG se guardan con el tamaño mostrado; 180 px se guarda como apple-touch-icon.png.

Elige una imagen.

Crear favicons ICO y PNG

Lo que conviene saber

Una imagen de origen produce dos tipos de salida. El botón favicon.ico escribe un único archivo ICO con cinco fotogramas de 16, 32, 48, 64 y 256 px, y ocho botones PNG escriben archivos sueltos de 16, 32, 48, 64, 180, 192, 256 y 512 px. El PNG de 180 px se guarda como apple-touch-icon.png y los demás como favicon-16.png, favicon-32.png y así sucesivamente.

El origen se ajusta primero a un cuadrado de 512 x 512 sin recortar. Un logo ancho se reduce hasta que cabe en anchura y las bandas vacías de arriba y abajo quedan transparentes, así que no se corta nada en los bordes. Es cómodo, pero un origen cuadrado con un poco de margen da iconos de pestaña de aspecto mayor que uno con forma de banner.

La entrada puede ser PNG, JPG, WebP, GIF, SVG, AVIF o BMP, de una en una; soltar una segunda reemplaza la primera. Un GIF animado aporta un único fotograma fijo y un SVG se rasteriza al tamaño de 512 px, lo que mantiene nítidos los logos vectoriales.

Una configuración típica de sitio usa favicon.ico en la raíz para los navegadores que lo piden por defecto, el apple-touch-icon.png de 180 px para las pantallas de inicio de iOS y los PNG de 192 y 512 px en un manifiesto de aplicación web. Hay mosaicos de vista previa de cada tamaño en pantalla, así que puedes comprobar cómo sobrevive la marca a 16 px antes de descargar nada.

Ejemplo de entrada y salida

Usa una marca simple reconocible a 16 × 16 píxeles. La imagen se ajusta al cuadrado sin deformarse, con espacio transparente si no es cuadrada. Los PNG son imágenes individuales; el ICO incluye varios tamaños.

Entrada

PNG / JPG / WebP / GIF / SVG / AVIF / BMP

Salida

ICO: 16, 32, 48, 64, 256 px
PNG: 16, 32, 48, 64, 180, 192, 256, 512 px

Publica los archivos en tu web y referencia el icono desde HTML. Generarlo no lo instala en tu sitio. Revisa la vista pequeña antes de publicarlo: el texto fino puede no leerse.

Elige una tarea 7
Herramientas relacionadas 13
Cómo usar Generador de favicon: iconos PNG e ICO multitamaño
  1. Elige o suelta una imagen, idealmente un PNG o SVG cuadrado de 512 px o más.
  2. Recorre los mosaicos de vista previa de 16 a 512 px y comprueba que el de 16 px sigue siendo legible.
  3. Pulsa Descargar favicon.ico para el ICO de varios tamaños.
  4. Descarga también los PNG de 180 y 192 px y añádelos al head de tu página y al manifiesto.

Respuestas rápidas

¿Qué archivos necesito realmente para un sitio web?

Un favicon.ico en la raíz del sitio, un apple-touch-icon.png de 180 px para iOS y PNG de 192 y 512 px si publicas un manifiesto de aplicación web. Los demás tamaños son extras opcionales.

¿Por qué mi logo ancho se ve pequeño en la pestaña?

La imagen completa se ajusta dentro de un cuadrado, así que un logo ancho ocupa solo una banda fina. Crea una versión cuadrada de la marca para el mejor resultado.

¿Qué pasa con un GIF animado?

Solo se usa un fotograma fijo. Los archivos de favicon de aquí son imágenes estáticas.

¿Cómo se llaman los archivos descargados?

favicon.ico para el ICO, apple-touch-icon.png para el PNG de 180 px, y favicon-16.png, favicon-32.png y así para el resto.