Descripción
El atributo sizes
del elemento link
nos permite especificar los tamaños los iconos especificados en el enlace. Solo funciona si el atributo rel
tiene un valor de “icon” o valores no estándares como “apple-touch-icon”.
La mayoría de los formatos de iconos solo pueden almacenar un único icono; por lo tanto, la mayoría de las veces, el atributo sizes
contiene una única entrada. Si bien, el formato ICO de Microsoft y el formato ICNS de Apple pueden almacenar múltiples tamaños de iconos en un solo archivo. El formato ICO tiene mejor soporte en navegadores web, por lo que es recomendable usar este formato para mayor compatibilidad entre navegadores web.
Sintaxis
<link sizes="any | <width in pixels>X<height in pixels>">
Los valores pueden ser:
any
, el icono puede ser escalado a cualquier tamaño de un formato vector.<width in pixels>X<height in pixels>
, valores de ancho x alto separados por coma. Tantos valores como se pongan en el atributosizes
deberá de tener recursos el enlace.
Elemento Padre
Ejemplo
Un ejemplo del uso del atributo sizes
en el elemento link
sería:
<link rel="icon" href="favicon.ico" sizes="16x16,32x32,48x48">
<link rel="icon" href="icon.svg" sizes="any">
Artículos
Vídeos HTML
Disfruta también de nuestros artículos sobre HTML en formato vídeo. Aprovecha y suscribete a nuestro canal.