Statements (23)
| Predicate | Object |
|---|---|
| gptkbp:instanceOf |
Web Development Concept
|
| gptkbp:enables |
art direction for images
better performance on mobile devices optimized image loading |
| gptkbp:example |
<picture><source media="(min-width: 650px)" srcset="image-large.jpg"><img src="image-small.jpg" alt="Example"></picture>
<img srcset="image-320w.jpg 320w, image-480w.jpg 480w" sizes="(max-width: 600px) 480px, 800px" src="image-800w.jpg" alt="Example"> |
| https://www.w3.org/2000/01/rdf-schema#label |
HTML Responsive Images
|
| gptkbp:improves |
user experience
page load speed |
| gptkbp:purpose |
to serve different images based on device or screen size
|
| gptkbp:recommendation |
gptkb:W3C
|
| gptkbp:relatedTo |
gptkb:HTML
media queries img element picture element sizes attribute srcset attribute |
| gptkbp:supportedBy |
modern browsers
|
| gptkbp:uses |
picture element with source tags
sizes attribute in img tag srcset attribute in img tag |
| gptkbp:bfsParent |
gptkb:Web_Platform_Working_Group
|
| gptkbp:bfsLayer |
4
|