Generador de Favicon
Convierte cualquier imagen en favicon, iconos para Apple, Android y Windows
100 Procesamiento % del lado del cliente
Tus imágenes se procesan localmente en tu navegador. Nada se sube a ningún servidor.
🎨
Suelta tu imagen aquí
o haz clic para buscar
512512 Soporta PNG, JPG, GIF, WebP (recomendado: imagen cuadrada × o mayor)
Imagen fuente
Vista previa en navegador
Tu sitio
+
Favicon mostrado en la pestaña del navegador
Iconos generados
16×16
favicon.ico
32×32
favicon.ico
48×48
favicon.ico
180×180
Apple Touch
192×192
Android Chrome
512×512
Android Chrome
16×16
Gráficos de red portátiles
32×32
Gráficos de red portátiles
180×180
Gráficos de red portátiles
512×512
Gráficos de red portátiles
📋 Cómo usar estos iconos
Agrega esto a la sección <head> de tu sitio web:
<link rel="icon" type="image/x-icon" href="/favicon.ico"> <link rel="icon" sizes="32x32" href="/icon-32.png"> <link rel="icon" sizes="16x16" href="/icon-16.png"> <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png"> <link rel="manifest" href="/site.webmanifest">
💡 Consejo: Coloca el favicon.ico en la carpeta raíz de tu sitio web (public_html/) para que los navegadores lo detecten automáticamente.
¿Por qué necesitas múltiples tamaños de favicon?
🖥️
Pestañas del navegador
16163232 Los navegadores usan favicons de × o × en las pestañas. Tu archivo .ico debe incluir ambos tamaños para una visualización nítida.
📱
Dispositivos Apple
180180 Los iPhones y iPads usan iconos Apple Touch de ×. Sin uno, tu sitio muestra una captura de pantalla borrosa.
🤖
Android Chrome
192192512512 Android usa iconos de × y × para marcadores en la pantalla de inicio y para iconos de Aplicaciones Web Progresivas (PWA).