Proprietà srcset dell'elemento HTML <source>

Tag HTML <source>

Definizione e utilizzo

srcset Questa proprietà specifica l'URL dell'immagine utilizzata in diverse situazioni.

Quando si utilizza <source> per <picture> Questa proprietà è obbligatoria in questo contesto.

Esempio

Un elemento <picture> che contiene due file sorgente e un'immagine di riserva:

<picture>
  <source media="(min-width:650px)" srcset="img_pink_flowers.jpg">
  <source media="(min-width:465px)" srcset="img_white_flower.jpg">
  <img src="img_orange_flowers.jpg" alt="Flowers" style="width:auto;">
</picture>

Prova tu stesso

Sintassi

<source srcset="URL">

Valore dell'attributo

Valore Descrizione
URL

Determina l'URL dell'immagine.

Valori possibili:

  • URL assoluto - puntare a un altro sito (ad esempio href="http://www.example.com/flower.jpg")
  • URL relativo - puntare a file all'interno del sito web (ad esempio href="flower.jpg")

Supporto del browser

I numeri nella tabella indicano la versione del browser che supporta completamente l'attributo.

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
38.0 13.0 38.0 9.1 25.0

Tag HTML <source>