Generador de favicon
Convierte un PNG, JPG o SVG en favicon.ico y en todos los tamaños de icono que tu web necesita, empaquetados en un ZIP.
La imagen completa queda visible, centrada y con margen alrededor.
La transparencia va bien en las pestañas; para la pantalla de inicio del iPhone es más seguro un color de fondo.
Tu favicon y el pack de iconos aparecerán aquí.
Coloca los archivos en la raíz de tu web y añade estas líneas a cada página.
Tu imagen se convierte en iconos dentro de tu navegador. No se sube nada a BroBroGo.
Preguntas frecuentes
¿Qué archivos incluye el pack de iconos?
Un favicon.ico con versiones de 16, 32 y 48 píxeles, iconos PNG de 16, 32, 180, 192 y 512 píxeles, y un site.webmanifest que lista los iconos grandes. Si partes de un SVG, el vector también se incluye. Todo va en un único ZIP.
¿De qué tamaño debe ser la imagen de origen?
Lo ideal es un SVG: cada icono se dibuja desde el vector y hasta los 16 píxeles se ven nítidos. Con PNG o JPG, parte de al menos 512 × 512; las imágenes más pequeñas se amplían y pueden verse borrosas.
¿Fondo transparente o de color?
Para las pestañas, la transparencia funciona bien. En cambio, las pantallas de inicio de iPhone y iPad pintan de negro las zonas transparentes: si tus visitantes pueden añadir la web a su pantalla de inicio, elige un color de fondo.
¿Qué pasa si mi imagen no es cuadrada?
Los iconos son cuadrados, pero tu imagen nunca se deforma. Por defecto se centra con margen alrededor; con «Rellenar» se recortan los bordes sobrantes.
¿Dónde coloco los archivos en mi web?
Súbelos a la raíz del sitio, de modo que favicon.ico quede en /favicon.ico, y pega las líneas generadas en el <head> de tus páginas. El navegador elige solo el tamaño adecuado.