Thanks for the post! I've used both the object-fit: contain and position: absolute approaches in production, and they've worked pretty well. Haven't yet given the SVG approach a shot, on what devices did you get a poor render result?
Hi, thanks for the comment. Poor rendering is visible at least on Firefox (Win/Mac). Also in IE11. Issue is most visible on vertical thin lines. So most of the images are fine. And I noticed it only on my external display. Not on my MacBook screen. So I guess it depends on multiple factors :)
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.
Thanks for the post! I've used both the
object-fit: contain
andposition: absolute
approaches in production, and they've worked pretty well. Haven't yet given the SVG approach a shot, on what devices did you get a poor render result?Hi, thanks for the comment. Poor rendering is visible at least on Firefox (Win/Mac). Also in IE11. Issue is most visible on vertical thin lines. So most of the images are fine. And I noticed it only on my external display. Not on my MacBook screen. So I guess it depends on multiple factors :)