I have, so far, a single image that is blurry when rendered on a mobile device. My app is basically a landing page, but has multiple pages. The majority is images. On the first page there are about 5 images. All images are set up to be the background of a group element.
Not sure why, but only one image so far is blurry and it is only on a mobile device. On a desktop it looks fine.
I have read all forum threads about the issue of blurry images and it always seems to be focused on logos and requires converting the SVG.
What I am having issues with is not a logo, but an actual photograph. I don’t think converting all png and jpg to SVG is a good solution to the problem. Especially because if I am going to create an app that allows users to upload images, it would be burdensome and a bad user experience to be forced to convert images to SVG.
How do we get images to not upload and become blurry?