Support » Plugin: Crop-Thumbnails » Poor Image quality

  • Resolved Deepak Kumar

    (@lakharadk)


    Hello Sir,
    I hope you are doing well.
    It was working well before update to latest wordpress, php and plugin.
    I am having issue with croping quality and images are looking dissorted.
    Right now I have the latest wordpress with php version 7.2.26

    Some of the image cropped looked fine and some of the images not.

    Here is the origin image https://redcatstudios.net/wp-content/uploads/2019/10/home.png

    And see cropped image – https://prnt.sc/rb8vzn

    And I have different size from the below codes-

    set_post_thumbnail_size(271, 137, array(‘left’, ‘top’));
    add_image_size(‘testimonial-thumb’, 261, 127, array(‘left’, ‘top’));
    add_image_size(‘homeslider-image’, 730, 530, array(‘left’, ‘top’));
    add_image_size(‘gallery-image’, 405, 425, array(‘left’, ‘top’));
    add_image_size(‘twentyfourteen-full-width’, 1038, 576, array(‘left’, ‘top’));
    add_image_size(‘home-project-image’, 244, 270, array(‘left’, ‘top’));
    add_image_size(‘portfolio-project-image’, 475, 510, array(‘left’, ‘top’));
    add_image_size(‘testimonial-project-image’, 90, 90, array(‘left’, ‘top’));
    add_image_size(‘Blog Post Thumb’, 400, 300, array(‘left’, ‘top’));

    Hope to hear from you soon and have solution.

    Thanks

    The page I need help with: [log in to see the link]

Viewing 11 replies - 1 through 11 (of 11 total)
  • Plugin Author Volkmar Kantor

    (@volkmar-kantor)

    @lakharadk
    are you able to crop the images with the plugins editor?

    I think

    • (A) Your theme did not use the cropped versions of the image (you can check by have a look at the image-names). OR
    • (B) the add_image_size settings prevent the plugin from beeing able to crop that image size

    Normaly you would set “true” instead of “array(‘left’,’top’)” in the add_image_size definition. Didn’t know about that option.

    @volkmar-kantor

    Hi Volkmar thanks for reply.

    But it was working fine before.

    I am still not getting where should I debug and what can make it working.

    One more thing, my crop area is fixed also https://prnt.sc/rbcv1e
    it do not allow me to edit .

    Here is the debug log too

    
    cropImage:{
      "url": "https://redcatstudios.net/wp-content/uploads/2019/10/home-768x2342.png",
      "width": 768,
      "height": 2342,
      "gcd": "2",
      "ratio": 0.32792485055508114,
      "printRatio": "384:1171",
      "image_size": "medium_large"
    }
    cropData:{
      "options": {
        "hide_post_type": {
          "page": "1",
          "wpcf7_contact_form": "1",
          "services": "1",
          "usalinks": "1"
        },
        "hide_size": {
          "post": {
            "wpsimplegallery_admin_thumb": "1",
            "wpsimplegallery_thumb": "1",
            "testimonial-thumb": "1",
            "homeslider-image": "1",
            "home-project-image": "1",
            "portfolio-project-image": "1",
            "testimonial-project-image": "1"
          },
          "homeslider": {
            "thumbnail": "1",
            "wpsimplegallery_admin_thumb": "1",
            "wpsimplegallery_thumb": "1",
            "post-thumbnail": "1",
            "testimonial-thumb": "1",
            "gallery-image": "1",
            "twentyfourteen-full-width": "1"
          },
          "portfolio": {
            "thumbnail": "1",
            "wpsimplegallery_admin_thumb": "1",
            "wpsimplegallery_thumb": "1",
            "testimonial-thumb": "1",
            "homeslider-image": "1",
            "twentyfourteen-full-width": "1"
          },
          "testimonials": {
            "thumbnail": "1",
            "wpsimplegallery_admin_thumb": "1",
            "wpsimplegallery_thumb": "1",
            "post-thumbnail": "1",
            "homeslider-image": "1",
            "gallery-image": "1",
            "twentyfourteen-full-width": "1"
          }
        },
        "debug_js": 1,
        "debug_data": 1
      },
      "sourceImageId": 4377,
      "sourceImage": {
        "full": {
          "url": "https://redcatstudios.net/wp-content/uploads/2019/10/home.png",
          "width": 1657,
          "height": 5053,
          "gcd": "1",
          "ratio": 0.3279240055412626,
          "printRatio": "1657:5053",
          "image_size": "full"
        },
        "large": {
          "url": "https://redcatstudios.net/wp-content/uploads/2019/10/home-336x1024.png",
          "width": 336,
          "height": 1024,
          "gcd": "16",
          "ratio": 0.328125,
          "printRatio": "21:64",
          "image_size": "large"
        },
        "medium_large": {
          "url": "https://redcatstudios.net/wp-content/uploads/2019/10/home-768x2342.png",
          "width": 768,
          "height": 2342,
          "gcd": "2",
          "ratio": 0.32792485055508114,
          "printRatio": "384:1171",
          "image_size": "medium_large"
        }
      },
      "sourceImageMeta": {
        "aperture": "0",
        "credit": "",
        "camera": "",
        "caption": "",
        "created_timestamp": "0",
        "copyright": "",
        "focal_length": "0",
        "iso": "0",
        "shutter_speed": "0",
        "title": "",
        "orientation": "0",
        "keywords": []
      },
      "postTypeFilter": null,
      "imageSizes": [
        {
          "name": "thumbnail",
          "nameLabel": "thumbnail",
          "url": "https://redcatstudios.net/wp-content/uploads/2019/10/home-150x150.png",
          "width": 150,
          "height": 150,
          "gcd": "150",
          "ratio": 1,
          "printRatio": "1:1",
          "hideByPostType": false,
          "crop": true,
          "active": false,
          "lowResWarning": false,
          "cacheBreak": 1583315364270
        },
        {
          "name": "wpsimplegallery_admin_thumb",
          "nameLabel": "wpsimplegallery_admin_thumb",
          "url": "https://redcatstudios.net/wp-content/uploads/2019/10/home-109x109.png",
          "width": 109,
          "height": 109,
          "gcd": "109",
          "ratio": 1,
          "printRatio": "1:1",
          "hideByPostType": false,
          "crop": true,
          "active": false,
          "lowResWarning": false,
          "cacheBreak": 1583315364270
        },
        {
          "name": "wpsimplegallery_thumb",
          "nameLabel": "wpsimplegallery_thumb",
          "url": "https://redcatstudios.net/wp-content/uploads/2019/10/home-730x530.png",
          "width": 730,
          "height": 530,
          "gcd": "10",
          "ratio": 1.3773584905660377,
          "printRatio": "73:53",
          "hideByPostType": false,
          "crop": true,
          "active": false,
          "lowResWarning": false,
          "cacheBreak": 1583315364270
        },
        {
          "name": "post-thumbnail",
          "nameLabel": "post-thumbnail",
          "url": "https://redcatstudios.net/wp-content/uploads/2019/10/home-271x137.png",
          "width": 271,
          "height": 137,
          "gcd": "1",
          "ratio": 1.9781021897810218,
          "printRatio": "271:137",
          "hideByPostType": false,
          "crop": true,
          "active": false,
          "lowResWarning": false,
          "cacheBreak": 1583315364270
        },
        {
          "name": "testimonial-thumb",
          "nameLabel": "testimonial-thumb",
          "url": "https://redcatstudios.net/wp-content/uploads/2019/10/home-261x127.png",
          "width": 261,
          "height": 127,
          "gcd": "1",
          "ratio": 2.0551181102362204,
          "printRatio": "261:127",
          "hideByPostType": false,
          "crop": true,
          "active": false,
          "lowResWarning": false,
          "cacheBreak": 1583315364270
        },
        {
          "name": "homeslider-image",
          "nameLabel": "homeslider-image",
          "url": "https://redcatstudios.net/wp-content/uploads/2019/10/home-730x530.png",
          "width": 730,
          "height": 530,
          "gcd": "10",
          "ratio": 1.3773584905660377,
          "printRatio": "73:53",
          "hideByPostType": false,
          "crop": true,
          "active": false,
          "lowResWarning": false,
          "cacheBreak": 1583315364270
        },
        {
          "name": "gallery-image",
          "nameLabel": "gallery-image",
          "url": "https://redcatstudios.net/wp-content/uploads/2019/10/home-405x425.png",
          "width": 405,
          "height": 425,
          "gcd": "5",
          "ratio": 0.9529411764705882,
          "printRatio": "81:85",
          "hideByPostType": false,
          "crop": true,
          "active": false,
          "lowResWarning": false,
          "cacheBreak": 1583315364270
        },
        {
          "name": "twentyfourteen-full-width",
          "nameLabel": "twentyfourteen-full-width",
          "url": "https://redcatstudios.net/wp-content/uploads/2019/10/home-1038x576.png",
          "width": 1038,
          "height": 576,
          "gcd": "6",
          "ratio": 1.8020833333333333,
          "printRatio": "173:96",
          "hideByPostType": false,
          "crop": true,
          "active": false,
          "lowResWarning": false,
          "cacheBreak": 1583315364270
        },
        {
          "name": "home-project-image",
          "nameLabel": "home-project-image",
          "url": "https://redcatstudios.net/wp-content/uploads/2019/10/home-244x270.png",
          "width": 244,
          "height": 270,
          "gcd": "2",
          "ratio": 0.9037037037037037,
          "printRatio": "122:135",
          "hideByPostType": false,
          "crop": true,
          "active": true,
          "lowResWarning": false,
          "cacheBreak": 1583315364270
        },
        {
          "name": "portfolio-project-image",
          "nameLabel": "portfolio-project-image",
          "url": "https://redcatstudios.net/wp-content/uploads/2019/10/home-475x510.png",
          "width": 475,
          "height": 510,
          "gcd": "5",
          "ratio": 0.9313725490196079,
          "printRatio": "95:102",
          "hideByPostType": false,
          "crop": true,
          "active": false,
          "lowResWarning": false,
          "cacheBreak": 1583315364270
        },
        {
          "name": "testimonial-project-image",
          "nameLabel": "testimonial-project-image",
          "url": "https://redcatstudios.net/wp-content/uploads/2019/10/home-90x90.png",
          "width": 90,
          "height": 90,
          "gcd": "90",
          "ratio": 1,
          "printRatio": "1:1",
          "hideByPostType": false,
          "crop": true,
          "active": false,
          "lowResWarning": false,
          "cacheBreak": 1583315364270
        },
        {
          "name": "Blog Post Thumb",
          "nameLabel": "Blog Post Thumb",
          "url": "https://redcatstudios.net/wp-content/uploads/2019/10/home-400x300.png",
          "width": 400,
          "height": 300,
          "gcd": "100",
          "ratio": 1.3333333333333333,
          "printRatio": "4:3",
          "hideByPostType": false,
          "crop": true,
          "active": false,
          "lowResWarning": false,
          "cacheBreak": 1583315364270
        }
      ],
      "lang": {
        "warningOriginalToSmall": "Warning: the original image is too small to be cropped in good quality with this thumbnail size.",
        "cropDisabled": "Cropping is disabled for this post-type.",
        "waiting": "Please wait until the images are cropped.",
        "rawImage": "Raw",
        "pixel": "pixel",
        "instructions_header": "Quick Instructions",
        "instructions_step_1": "Step 1: Choose an image-size from the list.",
        "instructions_step_2": "Step 2: Change the selection of the image above.",
        "instructions_step_3": "Step 3: Click on \"Save Crop\".",
        "label_crop": "Save Crop",
        "label_same_ratio": "Crop all images with same ratio at once",
        "label_deselect_all": "deselect all",
        "dimensions": "Dimensions:",
        "ratio": "Ratio:",
        "cropped": "cropped",
        "lowResWarning": "Original image size too small for good crop quality!",
        "notYetCropped": "Not yet cropped by WordPress.",
        "message_image_orientation": "This image has an image orientation value in its exif-metadata. Be aware that this may result in rotatated or mirrored images on safari ipad / iphone.",
        "script_connection_error": "The plugin can not correctly connect to the server.",
        "noPermission": "You are not permitted to crop the thumbnails."
      },
      "hiddenOnPostType": false
    }
    
    • This reply was modified 7 months, 3 weeks ago by Deepak Kumar.
    • This reply was modified 7 months, 3 weeks ago by Yui. Reason: please use CODE button for proper formatting
    Plugin Author Volkmar Kantor

    (@volkmar-kantor)

    Thats very strange – i tried the same image on my own system (i thought about that it may a problem with scaling a png). I had no problmes.

    Can you try the same image as JPG?

    @volkmar-kantor

    Will you suggest me how can I resolve this issue ?
    [moderated]
    Thanks

    • This reply was modified 7 months, 3 weeks ago by Yui.
    Plugin Author Volkmar Kantor

    (@volkmar-kantor)

    hi,
    once you have cropped the image, there should be an Button “show Data-Debug”. Please post that debug informations.

    Thanks @volkmar-kantor for quick reply and response.
    I asked my client to use it with small images and it worked fine.
    Thanks

    Thank you both for trying to fix this. I did use smaller images however the same distortion issue remains, it is just less noticeable, see screen shots included. The tool was working great for the past few years and we are using the same sizes, nothing is new. Would love to get it back to working properly again.

    https://www.dropbox.com/s/edmceqm4cfafb58/Screen%20Shot%202020-03-08%20at%204.38.50%20PM.png?dl=0

    https://www.dropbox.com/s/ufyjumm9rylvls2/Screen%20Shot%202020-03-08%20at%204.33.34%20PM.png?dl=0

    https://www.dropbox.com/s/fke08jtiemix21f/Screen%20Shot%202020-03-08%20at%203.57.23%20PM.png?dl=0

    Thanks!

    Plugin Author Volkmar Kantor

    (@volkmar-kantor)

    Please try to Re-crop the following image size (475×510 — portfolio-project-image):
    https://redcatstudios.net/wp-content/uploads/2016/06/WordPress-Influencer-Web-Design-475×510.jpg

    On this size (244×270) there is no problem: so it should work also on the larger imges size.
    https://redcatstudios.net/wp-content/uploads/2016/06/WordPress-Influencer-Web-Design-244×270.jpg

    Does it work?

    Volkma thanks for your quick response, I did try re-croping the image (s) and it all seems to be back to normal. What was the matter? That way we can ensure it keeps working properly.

    Thanks again I really like your plugin.
    AV

    Plugin Author Volkmar Kantor

    (@volkmar-kantor)

    I do not know what was happend, are you sure you cropped that image already with my plugin? It would be unusual, but could it be that the images are already distorted after uploading?

    Yes I am a 100% positive I cropped it with the tool and that the original image was not distorted. I did extensive testing on my own before contacting you; perhaps my developer had fixed something and I was not aware; regardless it is back to working properly again. I truly love your plugin and use in several project and will continue to use.

    Thank you for being so patient and responsive, it is appreciated.

    AV

Viewing 11 replies - 1 through 11 (of 11 total)
  • The topic ‘Poor Image quality’ is closed to new replies.