Tagged: , ,

Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • March 6, 2020 at 6:30 pm #1190941
    npmcgrew

    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
    npmcgrew

    Hi there,

    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
    Ismael

    Hi,

    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.

    // https://gs.statcounter.com/screen-resolution-stats/desktop/worldwide

    Best regards,
    Ismael

    April 13, 2020 at 10:36 pm #1203358
    npmcgrew

    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
    Ismael

    Hi,

    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.

    Best regards,
    Ismael

  • Author
    Posts
Viewing 5 posts - 1 through 5 (of 5 total)
  • You must be logged in to reply to this topic.