I placed a Gallery Images with Description. When selected, the image blocks show a size of 263x184. So I make 3 image sizes: 263x184, 526x368, and 789x552. I place these images in a single Bric using the 1x, 2x, 3x resolution Data sidebar.
When I review the page at different break points, in each case other than LG, the image is smaller than the original Bric placeholder. What am I doing wrong?
The multi resolution as stated in the docs linked above is about screen resolution not break points. You can add an image to the image well for each break point, by changing the canvas to the break point (drop down option at the top of the screen) and then replace the image in the image well for that breakpoint.
@KBConcepts, think about how a Retina display works. Easy example is the change from an iPhone 3 to iPhone 4 when Retina was introduced. The iPhone 4 has 2x the pixel width wise, so 4 pixels are used instead of 1. with a 2x display you get more detail not more space.
eg. a 300px wide image @1x = 300px @2x = 600px
Although the 2x is 600px wide, it occupies the same space as the 300px. But shows more detail.
This came about to handle the introduction of high resolution screens.
Nice, Pete, ā£:smile: Thank you taking the time to explain this. Love the illustration.
How the Blocs know what imager to deliver? Is there something in the Code that the devices recognize?
Thats exactly what happens when you add images to x2 x3 in Blocs. And I gave you an example just above. Seriously dude!! Blocs produces the required HTML. You donāt have to think about it.
Depends on your design, you use the size you need.
I wont comment on this, because previously you just complain that things take too long to do
There is heaps of information online about this @KBConcepts, best do some searching, and you will find something that explains it well for you.
Allow me to quote what you believe, āyou have need of patientsā
Please, do not call me āDudeā, that is being disrespectful.
I have been to various website trying to comprehend what is happening, which is why I came up with these questions.
Can I display HTML and CSS syntax for responsive images within Blocs? While I am working within Blocs, how can I look at the code being used, so I know what will be exported?