Descripción
El atributo imagesrcset
del elemento link
se utiliza para identificar un conjunto de posibles imágenes fuente para que el navegador web pueda seleccionar la más adecuada según el tamaño de la pantalla, resolución o densidad de píxeles. Este atributo complementa al atributo imagesizes
y permite implementar imágenes responsivas mediante el elemento link
.
Sintaxis
<link imagesrcset="lista-recursos">
Elemento Padre
Ejemplo
A continuación, se muestra un ejemplo de cómo utilizar el atributo imagesrcset
en el elemento link
para proporcionar diferentes versiones de un icono según la densidad de píxeles de la pantalla:
<link rel="icon" href="favicon.ico" sizes="32x32" type="image/png"
imagesrcset="favicon-192.png 192w, favicon-128.png 128w, favicon-64.png 64w"
imagesizes="192px">
En este ejemplo, se proporcionan tres versiones diferentes del icono para que el navegador web seleccione la más adecuada según la densidad de píxeles del dispositivo.
Artículos
Vídeos HTML
Disfruta también de nuestros artículos sobre HTML en formato vídeo. Aprovecha y suscribete a nuestro canal.