Generador de favicon
Indique una imagen o una letra; descargue favicon.ico, PNG, icono de Apple y etiquetas head en ZIP.
Herramienta
Un favicon es el pequeño icono que representa su sitio en la pestaña del navegador, en los marcadores y en la pantalla de inicio del teléfono. Usted sube una imagen PNG, JPG, WebP o SVG, o dibuja un icono con una o dos letras o un emoji, eligiendo fondo, color del texto, redondeo de esquinas y grosor. Genera favicon.ico (16, 32 y 48 píxeles), PNG de 16 y 32, un apple-touch-icon de 180, iconos Android de 192 y 512, un icono enmascarable de 512 y un site.webmanifest.
Si la imagen no es cuadrada, elige entre centrar y recortar, o ajustar y rellenar el resto con el color de fondo. La vista previa muestra el icono sobre fondos de pestaña claro y oscuro y en una pantalla de inicio. La herramienta también da las etiquetas para el head y el texto del manifiesto en cuadros copiables. Puede descargar cada archivo o todo en un solo ZIP. En el icono enmascarable, el contenido se reduce a una zona segura para que el recorte de los bordes no lo corte.
Si su original mide menos de 512 píxeles, los tamaños grandes saldrán borrosos y la herramienta se lo advierte. Un logo con mucho detalle no se lee a 16 píxeles; una forma sencilla o una sola letra funciona mejor a ese tamaño. Los navegadores guardan los favicons en caché, así que el icono nuevo puede tardar en aparecer tras publicarlo. La herramienta genera los archivos; colocarlos en su sitio y comprobar direcciones y rutas corresponde a usted o a su desarrollador.
Preguntas frecuentes
¿Qué archivos y tamaños genera?
El favicon.ico contiene imágenes de 16, 32 y 48 píxeles. Además obtiene favicon-16x16.png, favicon-32x32.png, apple-touch-icon.png (180), android-chrome-192x192.png, android-chrome-512x512.png, un icono enmascarable de 512 y site.webmanifest.
¿Se envía a algún sitio la imagen que subo?
No. La imagen se procesa solo en su navegador; no se envía por la red ni se guarda. Al cerrar la página se pierden la imagen y los archivos generados, así que descargue antes el ZIP.
¿Qué tamaño debe tener mi imagen original?
Para un buen resultado use una imagen cuadrada de al menos 512 píxeles. Si es más pequeña, los tamaños grandes salen borrosos y la herramienta le avisa. Un SVG no tiene problema de tamaño.
¿Por qué mi sitio sigue mostrando el favicon antiguo?
Los navegadores guardan los favicons en caché, por eso el cambio puede no verse enseguida. Pruebe una recarga forzada o cierre y abra la pestaña, y revise los nombres de archivo y las rutas en las etiquetas head.
