I just placed a new image on my website. Size is 1200px and it works perfectly in high quality with the bigger breakpoints. When I open the site on my mobile phone (smaller breakpoint) the quality of the image is reduced and the text in the image is hard to read (Screenshot).
I already tried to embed the picture as PNG (with and without pixels with transparency) as JPEG and as PDS - Quality still reduced.
Is there anyway where the quality will not be reduced?
Link to the site: http://der-fairsicherungsmakler.com/altersvorsorge.html - Image is in the last section of the accordion.
In my opinion, it is always hardly readable because of the small size.
There are many ways to workaround.
Description text in the red fields above the tab is really hardly readable - too pixelated, too small, would be better as real text.
Does these ideas help a little?
That is the eternal fate of photographers – they unfortunately aren’t the fastest species on earth! Have always to change their optics before shooting!
But if we shoot, we hit it!
You have an image consisting of small typo. If you use only one image for every breakpoint, Muse has to downsample the image file for smaller breakpoints, what results necessarily in a reduced image quality. This is no Muse problem, it is completely unavoidable if you (have to) downsample an image for whatever reason.
You may circumvent/moderate this issue by one of these 3 options: