Archived topic
Having Issue Editing Images on Different Devices (Computer, Tablet, Phone)
5 replies · Started by Suryakumar on February 20, 2021
Hello.
I have added images to my home page design, however when I want to adjust the image as per the tablet and Mobile the size in the PC view changes.
I use the block editor and GenerateBlocks. I want to be able to edit my images for tablet and Mobile without it affecting the image on my desktop.
I am not an expert coder hence I require help.
Thanks in advance.
Hi there,
Is this the Background Image on a GenerateBlocks Container ?
If so Responsive background images are a feature of the Pro version.
I do have the premium version. I have added an image within the container. So it is not a bg image.
I used the normal wordpress block editor to add the image inside the container.
When I changed the img size for tablet view it changes for pc view too.
The core Image Block doesn't provide responsive settings. You can only choose one size of image that will be displayed across all device types. WP will automatically create src-set sizes for different screen sizes.
Then How can I add responsive images to my home page? I need the images to change in size according to the device.
WP does that for you automatically.
When you add an image, it will generate src-set for the Full, Large, Medium-large, medium and thumbnail sizes. The browser will select from them the most appropriate image size.
If you set an Image Size on the Block eg. medium-large, it will only output that image size and src-set sizes that are smaller eg. medium and thumbnail
The WP function however assumes that the Image will fit the viewport.
