Generador de favicon
Convierte un PNG, JPG o SVG en favicon.ico y en todos los tamaños de icono que tu sitio necesita, empaquetados en un ZIP.
La imagen completa queda visible, centrada y con margen alrededor.
La transparencia va bien en las pestañas de los navegadores; para los iconos de la pantalla de inicio de iPhone es más seguro usar un color de fondo.
Tu favicon y el pack de iconos aparecerán aquí.
Coloca los archivos en la carpeta raíz de tu sitio 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 en su interior, 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, por lo que incluso a 16 píxeles se ve nítido. Con PNG o JPG, parte de al menos 512 × 512; las imágenes más pequeñas se amplían y pueden verse borrosas.
¿El fondo debe ser transparente o de color?
Para las pestañas, la transparencia funciona bien. En cambio, las pantallas de inicio de iPhone y iPad muestran de color negro las zonas transparentes: si tus usuarios pueden añadir la web a su pantalla de inicio, elige un color de fondo.
¿Qué pasa si la imagen no es cuadrada?
Los iconos son cuadrados, pero tu imagen nunca se deforma. Por defecto se centra con un margen alrededor; cambia a «Rellenar (recortar)» para recortar los bordes sobrantes en su lugar.
¿Dónde se colocan los archivos en mi sitio?
Súbelos a la carpeta raíz de tu sitio, de modo que favicon.ico quede accesible en /favicon.ico, y luego pega las líneas generadas en el <head> de tus páginas. Los navegadores eligen el tamaño adecuado por sí solos.