Copied to clipboard

Flag this post as spam?

This post will be reported to the moderators as potential spam to be looked at


  • Nidhi 34 posts 156 karma points
    Jun 07, 2022 @ 03:14
    Nidhi
    0

    Image Quality Dropping on resize: Umbraco 9.3.1

    We are facing an image quality drop when we try resizing the image.

    Umbraco version 9..3.1

    Example image with no resizing

    Example resized image using <strong>?width=600</strong>

    Anyone else facing the same problem?

    Thanks

  • Patrick de Mooij 73 posts 623 karma points MVP 3x c-trib
    Jun 07, 2022 @ 07:08
    Patrick de Mooij
    0

    What is your original size of the image and what is the resized size?

  • Nidhi 34 posts 156 karma points
    Jun 08, 2022 @ 22:01
    Nidhi
    0

    Original is 1024 x 853 Resized is 600 x 500

  • Nidhi 34 posts 156 karma points
    Jun 08, 2022 @ 02:17
    Nidhi
    0

    In addition to this there is also something weird with the jpg type image file when loaded in browser .It doesn't show image attributes in browser for example below image is a png type and it shows width and height when loaded in browser. enter image description here

    But when used jpg doesn't show any attributes. Please see the image below enter image description here

    Thanks

  • Dave Woestenborghs 3504 posts 12135 karma points MVP 9x admin c-trib
    Jun 08, 2022 @ 06:51
    Dave Woestenborghs
    0

    Hi Nidhi,

    Maybe you can post the code you have the render the image ?

    Dave

  • Nidhi 34 posts 156 karma points
    Jun 08, 2022 @ 23:34
    Nidhi
    0

    Hi Dave

    This is how I am rendering the image

    '<img src="@Model.Image.MediaContent.GetCropUrl(cropAlias: "16:9 Landscape", width: 1920, height: 1080, imageCropMode: ImageCropMode.Crop)" alt="@Model.Image.AltText" title="@Model.Image.AltText" width="1920" height="1080" />

  • Dave Woestenborghs 3504 posts 12135 karma points MVP 9x admin c-trib
    Jun 09, 2022 @ 06:31
    Dave Woestenborghs
    0

    Hi Nidhi,

    I see you saying somewhere that the original image is 1024x853. But with this code you are cropping it to a image of the size 1920x1080. So you are actually blowing up the image, hence the drop in image quality.

    Dave

Please Sign in or register to post replies

Write your reply to:

Draft