Yes, this is because of the
max-width: 100% CSS.
- The srcset provides a hint to the browser as to what image would be most suitable to load based on the browser’s viewport width, device resolution, etc. Those “w” values are not exact image dimensions - they are hints as to the likely size of the image slot at different viewports.
- The browser then makes a choice and loads the chosen image.
- Once loaded, the image will be shown at it’s “true” size, unless some CSS comes into play and changes what the display size ends up being. In this case,
max-widthis making the images’ width be constrained to 100% of the width of their parent elements, so they are not shown at their true size.
Does that help?