The Picture Element

Use picture and source to offer smaller AVIF and WebP files with a JPEG backup, and to show phones a tighter crop of a photo than big screens get.

Updated

Codey's cheat sheet for The Picture Element: Use picture and source to offer smaller AVIF and WebP files with a JPEG backup, and to show phones a tighter crop of a photo than big screens get.
Category
HTML
Level
Journeyman
Tags
<picture>, <source>, Art direction, AVIF, html, web-development