Saltar al contenido
MyImageToolbox

Generador de favicon

En el navegador

Crea favicon.ico, el icono de Apple, los iconos de Android y el manifiesto web a partir de una imagen.

Se ejecuta 100% en tu navegador · Si permites las preferencias, este navegador guarda el encaje, el margen, las esquinas, los colores y el nombre de la app; nunca tus imágenes

Arrastra y suelta tu imagen aquí

o

JPG, PNG, WebP, GIF, BMP, AVIF, HEIC, SVG · hasta 50 MB por archivo

Tus imágenes se procesan en tu navegador y no se suben. También puedes pegar una imagen con Ctrl+V.

Fondo

¿Qué hace el Generador de favicon?

Un favicon es el pequeño icono que aparece en las pestañas del navegador, los marcadores, los resultados de búsqueda y la pantalla de inicio del móvil cuando alguien guarda tu web. Cada sitio necesita tamaños y formatos distintos, y por eso configurarlo a mano es tedioso. Este generador crea el conjunto completo y moderno a partir de una sola imagen –un logotipo en PNG o SVG funciona mejor– y te da el HTML para pegar en tu página.

Qué contiene el ZIP

  • favicon.ico con imágenes de 16, 32 y 48 px, para las pestañas y herramientas antiguas.
  • favicon-16x16.png y favicon-32x32.png para los navegadores modernos.
  • apple-touch-icon.png (180×180), que usan el iPhone y el iPad al añadir la web a la pantalla de inicio. Siempre lleva fondo sólido, porque iOS muestra la transparencia en negro.
  • android-chrome-192x192.png y android-chrome-512x512.png para Android y las aplicaciones web instalables (PWA).
  • site.webmanifest con el nombre del sitio, el color del tema y los iconos, y un archivo de texto con las etiquetas HTML.

Cómo diseñar un buen favicon

A 16 píxeles cabe muy poco detalle, así que un símbolo sencillo o una o dos letras se leen mucho mejor que un logotipo completo con texto. Usa Encaje para mostrar la imagen entera rellenando hasta un cuadrado o para llenar el cuadrado recortando los bordes; el Margen añade aire alrededor y las Esquinas redondeadas dan el aspecto de icono de app. La vista previa en vivo muestra el icono a 16, 32, 48 y 180 píxeles para que valores su legibilidad antes de descargar.

Privado por diseño

Cada icono se dibuja y codifica en tu navegador, y el ZIP se monta en tu dispositivo. Tu logotipo nunca se sube, algo importante cuando preparas una marca que aún no se ha anunciado.

Cómo instalar los favicons

  1. Suelta tu logotipo, ajusta las opciones y pulsa Generar favicons.
  2. Descomprime los archivos en la carpeta raíz de tu web.
  3. Copia el fragmento HTML dentro del <head> de tus páginas.

Preguntas frecuentes

¿Por qué sigo viendo el favicon antiguo?

Los navegadores guardan los favicons en caché de forma agresiva. Abre directamente la URL del icono o borra la caché para ver el nuevo.

¿Necesito todos los archivos?

favicon.ico y el icono de Apple cubren la mayoría de casos; el manifiesto y los iconos de Android importan en móviles y aplicaciones web.