2020... safari still has bugs with srcset/sizes...
Just use a couple of sources instead of srcset / sizes like that:
srcset
sizes
<picture> <source srcset="img--s--lg.webp" media="(min-width: 1281px)" type="image/webp" /> <source srcset="img--s--sm.webp" media="(max-width: 1280px)" type="image/webp" /> <source srcset="img--s--lg.png" media="(min-width: 1281px)" type="image/png" /> <source srcset="img--s--sm.png" media="(max-width: 1280px)" type="image/png" /> <img src="img--s--lg.png" alt="alt text" /> </picture>
Just helped me with this problem.
Are you sure you want to hide this comment? It will become hidden in your post, but will still be visible via the comment's permalink.
Hide child comments as well
Confirm
For further actions, you may consider blocking this person and/or reporting abuse
We're a place where coders share, stay up-to-date and grow their careers.
2020... safari still has bugs with srcset/sizes...
Just use a couple of sources instead of
srcset/sizeslike that:Just helped me with this problem.