Picture or Image

All WYSIWYG Web Builder support issues that are not covered in the forums below.
Forum rules
IMPORTANT NOTE!!

DO YOU HAVE A QUESTION OR PROBLEM AND WANT QUICK HELP?
THEN PLEASE SHARE A "DEMO" PROJECT.



PLEASE READ THE FORUM RULES BEFORE YOU POST:
http://www.wysiwygwebbuilder.com/forum/viewtopic.php?f=12&t=1901

MUST READ:
http://www.wysiwygwebbuilder.com/getting_started.html
WYSIWYG Web Builder FAQ
Post Reply
User avatar
SteveMann
 
 
Posts: 69
Joined: Tue Jun 17, 2008 4:54 am

Picture or Image

Post 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?
User avatar
ColinM
 
 
Posts: 962
Joined: Wed Feb 09, 2011 3:40 am
Location: Western Australia

Re: Picture or Image

Post 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.
Yours truly
Colin M
Western Australia
User avatar
BaconFries
 
 
Posts: 5328
Joined: Thu Aug 16, 2007 7:32 pm

Re: Picture or Image

Post 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
User avatar
ColinM
 
 
Posts: 962
Joined: Wed Feb 09, 2011 3:40 am
Location: Western Australia

Re: Picture or Image

Post by ColinM »

Hey BC!

AH!! That makes sense - cheers BC. Sorry for the errant contribution SM :oops: - but again, welcome back anyway! 8)
Yours truly
Colin M
Western Australia
User avatar
BaconFries
 
 
Posts: 5328
Joined: Thu Aug 16, 2007 7:32 pm

Re: Picture or Image

Post by BaconFries »

Colin no need to be sorry your answer was valid.. :)
User avatar
SteveMann
 
 
Posts: 69
Joined: Tue Jun 17, 2008 4:54 am

Re: Picture or Image

Post by SteveMann »

Thanks. I was scratching my head over which tool in the toolbar to use.
Post Reply