[Mupa]

The ideal aspect ratio for the Featured Image/Page Slider is 2,33 (1680:720) right?
Off course this aspect ratio is perfect for destop mode. But if i’m using a smartphone in portrait mode, it would be nice if it would scale to an aspect ratio with more less width and/or bigger height (e.g. 16:9), so that the picture fills more space of the screen.
Is this possible?

[Pratik]

Hi @Mupa,

The aspect ratio of Featured Slider image is 21:9 (1680×720). For image in mobile portrait mode, the same image is scaled but the aspect ratio is maintained because to add another aspect ratio, we would have to add in another image. This would greatly increase the media library size. And to add another image for the portrait mode would be an overkill.

If you still want it, you can add a different image size using add_image_size() function of WordPress and then hide the larger image in portrait mode and show this image. This will need the loading of both images but only onw will be shown at a time.

I just gave you a quick idea to show that it is possible but not recommended. If you still want it, you will need to hire a customizer as this involves quite a bit of customization.

Regards,
Pratik

[Mupa]

What about this srcset-tag which is used by WordPress? With this tag it should be possible to load a different picture size when a smartphone loads the page.
I have checked this tag in Catch Adaptive: It will be set for the pictures of the Featured Content Slider, but it isn’t set for the pictures of the Featured Image Slider, which isn’t ideal by the way.

[Pratik]

Hi @Mupa,

The srcset-tag was added in WordPress version 4.4 for responsive images. WordPress has control over it. We, as a theme have no control over it. There might be plugins that can adjust it but it is not recommended.

Regards,
Pratik

[Author]

Posts