Picture Sizing (Desktop and Mobile)

Posted in: Newspaper
Post count: 80

Hello!

I tried the mobile theme and AMP but decided I didn’t want to lose some of the functionality I’ve built into the current designs so I am not using these.

I have a problem – I have edited a photo to include text in a png format (advertisement banner to join a club) which I have on my desktop homepage. The sizing of the png is 1920 x 1080 and it fits perfectly well when I am viewing the site on a desktop.

When I view the same page on the mobile the png is obviously not in the correct size. How do i make sure the image size loads correctly in desktop and mobile views?

Thanks!
TS

When I switch to mobile the sizing is

Post count: 18283

Hello !

Please provide a link to your website and let us know where can we find this banner and we will take a look.

Thank you !

Post count: 80

Hi Vlad

Sorry, I probably didn’t make myself clear. I just need to know what size should an image of a single image be to make it complete populate the space on mobile view. You can see from this picture the two gaps highlighted in yellow. If I know what image size the mobile single picture should be I can make one without the gaps.
https://imgur.com/a/QfaCQpo

Thanks TS

Post count: 18283

Hello !

We recommend using 1980x1080px or 800x600px images. This sizes are the perfect fit on all the layouts / blocks and other elements where the featured images are rendered.

Thank you !

Post count: 80

OK, thanks Vlad.

Viewing 5 posts - 1 through 5 (of 5 total)
The forum ‘Newspaper’ is closed to new topics and replies.