HTMLImageElement: srcset property

Baseline Widely available

This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.

Thuộc tính srcset của giao diện HTMLImageElement xác định một hoặc nhiều chuỗi ứng viên hình ảnh, được phân tách bằng dấu phẩy (,), mỗi chuỗi chỉ định tài nguyên hình ảnh sẽ sử dụng trong các trường hợp nhất định. Mỗi chuỗi ứng cử viên hình ảnh chứa một URL hình ảnh và bộ mô tả độ rộng hoặc mật độ pixel tùy chọn cho biết các điều kiện mà ứng cử viên đó nên được sử dụng thay vì hình ảnh được chỉ định bởi thuộc tính src. Nó phản ánh thuộc tính nội dung srcset của phần tử <img>.

Thuộc tính srcset, cùng với thuộc tính sizes, là thành phần quan trọng trong việc thiết kế trang web phản hồi vì chúng có thể được sử dụng cùng nhau để tạo các trang sử dụng hình ảnh phù hợp cho tình huống hiển thị.

const img = new Image();
img.srcset =
  "/vi/docs/Web/HTML/Reference/Elements/img/clock-demo-400px.png 2x, /vi/docs/Web/HTML/Reference/Elements/img/clock-demo-200px.png";
img.alt = "An example picture";