Pregunta Agregar favicon al proyecto JSF y hacer referencia a él en


¿Cómo agrego un favicon a un proyecto JSF y lo menciono en <link> ¿elemento?

Lo intenté como a continuación:

<h:head>
    <link rel="icon" type="image/x-icon" href="images/favicon.ico"/>
    ...
</h:head>

Sin embargo, no mostró ningún favicon.


24
2018-05-12 13:27


origen


Respuestas:


Un pariente href es relativo al URI de solicitud actual. Probablemente se resolvió con una URL no válida. Debe anteponer la ruta de contexto para que se convierta en relativa a la raíz del dominio.

También el rel es mejor ser shortcut icon para que funcione en navegadores más antiguos también.

En caso de usar un .ico archivo, también debe asegurarse de que sea un real  .ico archivo y no algunos .bmp renombrado a .ico. Puedes generar uno aquí basado en varios formatos de imagen. Sin embargo, puedes simplemente usar un .png o .gif archivo.

Con todo, siempre que el archivo esté ubicado en

WebContent
 |-- images
 |    `-- favicon.ico
 :

entonces esto debería hacerlo:

<link rel="shortcut icon" type="image/x-icon" href="#{request.contextPath}/images/favicon.ico"/>

Sin embargo, si lo ha colocado como un recurso JSF en el /resources carpeta de la siguiente manera

WebContent
 |-- resources
 |    `-- images
 |         `-- favicon.ico
 :

que lo haría accesible por <h:graphicImage name="images/favicon.ico">, entonces esto debería hacerlo:

<link rel="shortcut icon" type="image/x-icon" href="#{resource['images/favicon.ico']}"/>

Ver también:


54
2018-05-12 13:42



Usé lo siguiente y funciona tanto en IE como en Chrome

<link rel="shortcut icon" href="#{resource['images/favicon.ico']}" type="image/x-icon" />   

13
2017-10-17 11:21



Como nota al margen, siempre incluyo ambos al hacer referencia a un favicon:

<link rel="shortcut icon" type="image/x-icon" href="https://a.staticimageserver.com/img/favicon.ico" />
<link rel="icon" type="image/x-icon" href="https://a.staticimageserver.com/img/favicon.ico" />

3
2018-05-12 15:51



Como JSF usa los recursos como un contenedor para almacenar la carpeta del archivo de imagen, puede hacer lo siguiente;

<link rel="shortcut icon" type="image/x-icon" href="#{request.contextPath}/resources/images/favicon.ico"/>

3
2017-08-05 08:31