FrontEnd.ro logo

DEMO

Responsive <img> via "srcset"

Specificarea mai multor surse posibile pentru imagine și încărcarea celei mai potrivite pentru ecranul dispozitivului.

Deschide devtools în modul responsive și joacă-te cu dimensiunea browserului pentru a vedea cum surse diferite sunt încărcate în funcție de rezoluție.

Red bycicle wheel

<img srcset="
    /red_bycicle__high.jpg 4000w,
    /red_bycicle__med.jpg 2000w,
    /red_bycicle__low.jpg 800w,
  " 
  style="max-width: 100%" 
  alt="Red bycicle wheel" 
/>

E vreo problemă cu acest demo? Corectează-l pe GitHub