Image behavior is:
Device less than 480px = 100vw
Then 50 vw
Above max page width it is always 950px
With WP media the problems are:
1. There are only 3 versions in the sourceset - medium (300px can edit), large (1024px can edit), mobile (768 cannot edit)
2. WP Sizes is always 100vw. So even if the image is tiny in the vw, like 33%, browser will always calculate it as 100% so medium will never be used.
3. Sizes I set manually in Oxygen (advanced > attributes) are replaced by WP
Below: WP sizes is: sizes="(max-width: 1024px) 100vw, 1024px
While it should be: sizes="(max-width: 480px) 100vw, (max-width: 1920px) 50vw, 950px">
So for example for vw 500px this image real computed size is 250px. Exactly as my sizes states. WP sizes states that its 500px (100% not 50%).
MEDIA LIBRARY - wrong sizes - inspect the code
When I use IMAGE URL instead of media library, I can set SIZES in Oxygen separately for every img, ID or class. Perfect!
But there is no source set, even basic WP medium, latge set is not present.
How to add source sets to IMG URL?
IMAGE URL - good sizes, no source set - inspect the code
