- This topic has 11 replies, 2 voices, and was last updated 12 months ago by ch1800.
January 29, 2020 at 7:35 am #1148313ch1800
I have the container set at 1100 px and was uploading all my images with 1200 px width, until I let my client create some posts and discovered that not only he uploaded huge sizes but also that Featured images were using the original file of the selected image by default in pages (as as the one linked here) and not the largest resized by WP at 1024 px.
I further read similar tickets here and discovered that I can set the Featured image sizes in Customizer and never noticed that previously…
So, my question is two-fold:
– which sizes should I set in Customizer for Featured Images such as this page here?
– may I modify this setting afterwards, after pages are published, when my current setting for those images in Customizer is empty (Auto)?
Thanks.January 29, 2020 at 7:51 am #1148326DavidStaffCustomer SupportJanuary 29, 2020 at 4:40 pm #1148743ch1800
Thanks but this doesn’t answer my question: why Featured images are loading the original full sized files instead of the largest WP sizes and should I change the sizes under customizer > Layout > Blog or leave them with the default Auto size?January 30, 2020 at 2:41 am #1149038DavidStaffCustomer Support
Browsers choose the image size that best fills the container it sits in.
As 1024px doesn’t fill the 1100px container it takes the next available larger size.
Browsers supporting a retina/hd device will also look to see if there is an image 2x ( 3x 4x ) the size.
Maybe the Blog options Featured image size is better suited for your need – this will add the 1100px image size to the srcset and set the width and height attributes in the img html.January 30, 2020 at 3:31 am #1149091ch1800
Thanks David, I well understand your first paragraph and that’s what I also thought.
But don’t well understand what do you mean with the second one.
Do you mean that by adding the 1100px size in Dashboard > Settings > Media will solve this issue or that I should use this size in theme’s customizer Blog Options for Featured Image instead of the current Auto setting? Or both at the same time?January 30, 2020 at 6:32 am #1149226DavidStaffCustomer SupportJanuary 30, 2020 at 8:03 am #1149478ch1800
Excellent, got it.
If you don’t mind 2 closing questions for better understanding the way that works with container:
If I’m not wrong, I think the default container was set to 1100px when installing this site and others the same. The logic seems to be that I should have set the Featured sizes at least at this width value, in order to avoid a browser picking up any other larger file that it finds. Of course, ideally, I presume that I should also upload originals at this size.
But then, why:
– the largest srcset is set to 1024 by default (in WP settings)?
– what would be the interest in increasing the container size to, say, 2000px? (as I remember reading somewhere a post by Tom suggesting this).January 30, 2020 at 8:12 am #1149481DavidStaffCustomer Support
WP sets the Large size to 1024px by default.
And GP sets the container width to 1100px as default. This i believe just from legacy and as most sites would be 1100px with 80px of padding around the image the default WP media sizes worked fine.
2000px – not sure why Tom would suggest it – maybe as a shortcut for creating ‘full width’ sites. But that can be done with the Pagebuilder container option on a page by page basisJanuary 30, 2020 at 7:55 pm #1149918ch1800
Many thanks, well noted.January 31, 2020 at 1:49 am #1150058ch1800
RE my previous post about container width set at 2000px.
I just found it.
It’s not a comment by Tom but a paragraph in documentation:
But I still not well understand you would need such width for full width sites.
You can get full width with container set at 1100px – or I’m I completely wrong?January 31, 2020 at 2:38 am #1150106DavidStaffCustomer Support
When he says Full Width its for those sites that are designed to have content extend to either side of the browser viewport no matter how wide the screen is. Albeit that shortcut 2000px method wouldn’t apply to really big monitors.January 31, 2020 at 4:02 am #1150167ch1800
Thanks for clarifying.
- You must be logged in to reply to this topic.