I’ve been trying to understand how WordPress picks images to use depending on the size of the user screen, but I’ve been unable to figure it out.
Is it just by checking if the request is coming from a mobile or desktop device? I have a photo site that would like to cater to 4k screens, so I have a featured images of 2400px * 1120px.
I know a version that has a width of 1536px is generated. On my mac, my the featured image is displayed as 1425px * 665px (1425px is the full width of my browser window). Why doesn’t WordPress use the 1536px width image that was automatically generated instead of the 2400px width original?
Answers:
Thank you for visiting the Q&A section on Magenaut. Please note that all the answers may not help you solve the issue immediately. So please treat them as advisements. If you found the post helpful (or not), leave a comment & I’ll get back to you as soon as possible.
Method 1
It doesn’t, WP supports responsive image markup, so your browser decides based on various factors such as pixel density, battery, network, viewport, etc
All methods was sourced from stackoverflow.com or stackexchange.com, is licensed under cc by-sa 2.5, cc by-sa 3.0 and cc by-sa 4.0