Tag: webdev

<picture>: The Picture element (MDN Web Docs)

The HTML picture element serves as a container for zero or more source elements and one img element to provide versions of an image for different display device scenarios.

"The HTML <picture> element serves as a container for zero or more <source> elements and one <img> element to provide versions of an image for different display device scenarios."
A Complete Guide to SVG Fallbacks | CSS-Tricks by Amelia Bellamy-Royds (CSS-Tricks)

The following is a guest post by Amelia Bellamy-Royds and me. Amelia and I recently presented at the same conference together. We both covered SVG, yet

"Image fallback. This is what most people think of as an SVG fallback: a PNG or GIF image that represents the same graphic, just with a larger file size and poorer resolution."