Image compression quality not working

    Hi, my original images are 900px wide and I want them to be resized to 450px for mobiles (code below). The original size is around 250kb but after conversion I get 10kb pixelated images. I tried to add quality and sharpen but that doesn't do anything. Is there something I do wrong?



    Code
    1. <picture>
    2. <source media="(min-width: 1024px)" srcset="<perch:content id="image" type="image" label="Image" />">
    3. <img src="<perch:content id="image" type="image" width="450" />" alt="<perch:content type="text" id="caption1" label="Caption" title />">
    4. </picture>

    Both libraries are installed and images are JPGs


    I managed to find a partial solution to my issue by uploading bigger images then converting them to 900px and 450px. It looks like the smaller images look much better, however, quality and sharpen attributes doesn't seem to do anything.

    Quote from robertfiszer

    by uploading bigger images, then converting them to 900px and 450px. It looks like the smaller images look much better, however, quality and sharpen attributes doesn't seem to do anything.

    What do you mean by bigger images? The original images should always be bigger because resizing only makes images smaller.

    Previously I used 900px wide images and then resized them to 450px – that resulted in bad quality image. Now I upload images that are 2000px wide and resizing to 450px looks acceptable.


    Anyway, the quality/sharpen attributes don't do anything to the images.