Picture or Image
Posted: Mon Jun 21, 2021 10:06 pm
I've been gone for a LONG time and my WWB skills have rusted.
What's the difference from a Picture or an Image?
What's the difference from a Picture or an Image?
WYSIWYG Web Builder
https://www.wysiwygwebbuilder.com/forum/
https://www.wysiwygwebbuilder.com/forum/viewtopic.php?t=92376
The HTML5 <picture> element is a container used to specify multiple images for different viewport or screen resolutions. The browser will choose the most suitable image according to the current layout of the page and the device it will be displayed on.
You can specify different images for breakpoints. It also supports high resolution displays using pixel density descriptors such as 1x, 1.5x, 2x, and 3x. For example, you can include different versions of the image by using names like: filename@1.5x.png, filename@2x.png
The picture object supports rotation using standard CSS3 transforms. Plus experimental support for CSS3 filters (blur, contrast, brightness, hue, saturation, negative, sepia, grayscale)