Page 1 of 1

Picture or Image

Posted: Mon Jun 21, 2021 10:06 pm
by SteveMann
I've been gone for a LONG time and my WWB skills have rusted.

What's the difference from a Picture or an Image?

Re: Picture or Image

Posted: Mon Jun 21, 2021 10:11 pm
by ColinM
Hi SM,
Welcome back! :D
In terms of computing, especially website design, IMHO, the use of both picture or image is nomenclatively semantic, although I would say most if not all website designers would use the term image rather than picture.

Re: Picture or Image

Posted: Mon Jun 21, 2021 10:23 pm
by BaconFries
Hi Colin I think what is being asked is the use of picture <picture></picture> over <img></img> :)
Using <picture> element
https://www.w3schools.com/html/html_images_picture.asp
From the Help in the program
Picture
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)

Using <img>
https://www.w3schools.com/tags/tag_img.asp

Re: Picture or Image

Posted: Mon Jun 21, 2021 11:28 pm
by ColinM
Hey BC!

AH!! That makes sense - cheers BC. Sorry for the errant contribution SM :oops: - but again, welcome back anyway! 8)

Re: Picture or Image

Posted: Mon Jun 21, 2021 11:34 pm
by BaconFries
Colin no need to be sorry your answer was valid.. :)

Re: Picture or Image

Posted: Tue Jun 22, 2021 1:21 am
by SteveMann
Thanks. I was scratching my head over which tool in the toolbar to use.