picture element và source dùng thế nào?

<picture> chứa nhiều <source> với media conditions hoặc type khác nhau, fallback <img>.

• Art direction: thay đổi ảnh khác nhau theo viewport.
• Format: cung cấp WebP/AVIF với fallback JPEG.
• Browser tự chọn source phù hợp nhất.

<picture> contains multiple <source> elements with different media conditions or file types, with a fallback <img>.

• Art direction: serve different images per viewport size.
• Format selection: provide WebP/AVIF with JPEG fallback.
• The browser automatically picks the most appropriate source.