Here’s a breakdown of the image data provided, focusing on the key information about the images and their captions:
Image 1:
* Artist: Yuxi Cao
* Title: Oriens: Immersive Black Hole
* Year: 2017
* Medium: Sound and video installation
* Location: Today Art Museum, Beijing
* Image URL: https://cdn.arstechnica.net/wp-content/uploads/2025/10/blackhole9.jpg (original, 1200w)
* Sizes: Responsive, with options for different screen widths (640w, 1024w, 768w, 384w, 1152w, 980w)
* Caption Source: Courtesy of Yuxi Cao
Image 2:
* Artist: john White (English, born 1978)
* Title: Black Echo
* Year: 2023
* Medium: Digital photograph
* Image URL: https://cdn.arstechnica.net/wp-content/uploads/2025/10/blackhole10.jpg (original, 1200w)
* Sizes: Responsive, with options for different screen widths (640w, 1024w, 300w, 768w, 500w, 1000w, 980w)
Key Observations:
* Responsive Images: Both images use the <picture> element with srcset and sizes attributes. This is a modern web progress technique to deliver the most appropriate image size based on the user’s device and screen size, improving page load times and user experience.
* Ars Technica: The images are hosted on the cdn.arstechnica.net content delivery network, indicating they are part of an article or gallery on the Ars Technica website.
* Date: The upload date of the images is in the future (2025/10), which is likely a placeholder or a mistake in the data.
* Lightbox: The code suggests these images are part of a lightbox gallery (using pswp – PhotoSwipe). The data-pswp-* attributes are used by the PhotoSwipe library to handle the gallery functionality.
* Aspect Ratio: The second image is specifically marked with aspect-square, indicating it’s intended to be displayed as a square.
* Lazy Loading: The loading="lazy" attribute on the <img> tag indicates that the image will only be loaded when it’s near the viewport, further optimizing page performance.
