Etiquetas HTML de Imágenes
Etiquetas HTML de Imágenes
Etiquetas HTML de Imágenes
de imágenes
» Etiquetas de contenido externo
JPEG200
Evolución del JPEG. No, poco soporte
0
<source>
srcset, sizes, media, Mostrará la imagen que cumpla una serie de criterios
type opcionales.
Atribut
Descripción
o
media Condición que se debe cumplir para que muestre la imagen. Ver media queries.
ejemplo:
<picture>
<source media="(min-width: 600px)" srcset="html5-logo-
xl.png">
<source media="(min-width: 300px) and (max-width: 600px)"
srcset="html5-logo-
large.png">
<source media="(max-width: 50px)" srcset="html5-logo-
small.png">
<img src="html5-logo-medium.png" alt="HTML5 logo">
</picture>
De esta forma, estamos indicando que se muestren diferentes
imágenes dependiendo de la resolución de pantalla (ancho) del
dispositivo:
Nótese que esto sólo hará cambio de imagen efectivo justo en los
límites indicados (50, 300, 600). Si se desea que la imagen se
adapte proporcionalmente, lo mejor es recurrir a tamaños
máximos y mínimos de CSS.