March 6, 2020 at 6:30 pm #1190941
Hello Enfold Team,
Really liking the recent update! Thanks for always adding a ton of functionality and new options.
I wanted to get some feedback on the best way to handle differing screen sizes and retina displays. (I have my website set to 1500px on a couple sites and 100% on a couple others)
In the 1500px full-width website setup, is my best method to upload a 3000px wide image that would then be downsized to a 1500px image with added detail? I know on a non-retina screen the image will be cropped to fit within the container, so that’s not a major concern.
From Google inspect, it seems most viewports full-width container’s range from 1024px wide to about 2100px wide. So, I am hoping to make myself a template of sorts that I can consistently use for full-width images to be a bit more efficient. I often use them for a color section background or a standalone banner image within a page. If you have a suggested image dimension for full-width, that would be helpful as well.
I was considering adding WPSmush Pro or something similar, but I am hoping to find a solution without a plugin that saves on load time on the website.
Thanks in advance!March 11, 2020 at 5:35 pm #1192378
Any advice on the best dimensions for background and/or header images regarding the previous message?
Thanks!March 19, 2020 at 4:21 am #1194293
Thank you for the inquiry.
You should consider uploading images based on the standard screen resolution used nowadays, but try to make them a little bit bigger to accommodate retina displays. However, if you care more about the site speed than the image quality, uploading smaller images should help. You can also use WP Smush or any image optimization plugin to compress the file size even more.
Please check the following link for the desktop screen resolution stats.
IsmaelApril 13, 2020 at 10:36 pm #1203358
Sorry for the slow reply, but I really appreciate the help. I’ve been using WP Smush, so that’s good to hear considering any google search of a plugin leads to reading horror stories haha.
Thanks again, Ismael!April 15, 2020 at 1:08 pm #1203959
The WP Smush plugin works just fine like any other image optimization plugins out there. They’re basically the same. We do recommend the Short Pixel plugin though because it allows you to heavily reduce the file size as much as possible and it has extra options. So if you’re concern more about the page speed rather than the image quality, then it’s the way to go.
You must be logged in to reply to this topic.