🟦 A single pixel 💻 An HTML tag

picture element

4.5

A web page element that lets browsers pick the best image file

noun
/ˈpɪk.tʃər ˈɛl.ɪ.mənt/

Texting

: elemento <picture>

Browsers choose the best image from a picture element based on viewport size and pixel density.

Examples

During testing, the team noticed the picture element fell back to the default image on older browsers.
You can use a picture element to optimize images for different devices.
To support mobile screens, the designer used a picture element with several image sources.
The picture element allows for responsive images.
To support mobile screens, the designer used a picture element with several image sources.
Browsers choose the best image from a picture element based on viewport size and pixel density.
You can use a picture element to optimize images for different devices.

Surface Forms

picture element singular

picture elements plural

Morphology

picture + element

The noun-noun compound is directly compositional: 'picture' = image and 'element' = a component, so a learner who knows both words can infer it refers to a component or element for images (in web contexts, an HTML element). While the precise technical detail about multiple sources and responsive behavior is domain-specific, the basic meaning is transparently derived from the constituents.

Etymology

Picture element is the name for a web page element that holds different pictures, like a small box of image choices. So the picture element lets a browser 'choose the best image' for each screen size.