Incorrect crop position

Please find below the data debug diffs for local (correct) vs. production (incorrect) environments:

As you can see, the selection is considerably different between environments.

The JS debug didn’t show any significant differences.

This diff was done already after updating to WordPress 7.1, which shows the same issue as with the previous version.

Adding the UI diff as well (local vs. production):

Plugin test diff between environments (local vs. production):

• This reply was modified 2 weeks, 5 days ago by danis039. Reason: Added UI diff
• This reply was modified 2 weeks, 5 days ago by danis039. Reason: Added plugin test diff

Any support out there?

I cloned my production site to my local machine and I see locally everything still works as expected, while in production the problem persists. I’ve disabled all plugins that I use in production only, but no luck. The plugins are the same in both environments now (with LiteSpeed Cache disabled).

Production:

SUCCESS Temporary directory exists
SUCCESS Copy testfile to temporary directory
SUCCESS Testfile was successfully added to media-library. (ID:6945)
SUCCESS Cropping the file
SUCCESS Cropped image dimensions are correct.
SUCCESS Test-attachement successfull deleted (ID:6945)
SUCCESS Remove testfile from temporary directory
INFO Tests complete
INFO ----- System -----
INFO Crop-Thumbnails 1.9.7
INFO PHP 8.5.7
INFO PHP memory limit 1536M
INFO Server LiteSpeed
INFO WP_Image_Editor_Imagick (choosed WordPress imageeditor class for jpg)
INFO ----- Active Plugins -----
INFO - advanced-custom-fields/acf.php
INFO - all-in-one-wp-migration/all-in-one-wp-migration.php
INFO - crop-thumbnails/crop-thumbnails.php
INFO - crowdsignal-forms/crowdsignal-forms.php
INFO - favicon-by-realfavicongenerator/favicon-by-realfavicongenerator.php
INFO - members/members.php
INFO - sportspress-for-soccer/sportspress-for-soccer.php
INFO - sportspress-pro/sportspress-pro.php
INFO ----- Image Sizes -----
INFO {"width":150,"height":150,"crop":true,"name":"thumbnail","id":"thumbnail"}
INFO {"width":512,"height":512,"crop":false,"name":"medium","id":"medium"}
INFO {"width":768,"height":0,"crop":false,"name":"medium_large","id":"medium_large"}
INFO {"width":768,"height":768,"crop":false,"name":"large","id":"large"}
INFO {"width":1536,"height":1536,"crop":false,"name":"1536x1536","id":"1536x1536"}
INFO {"width":2048,"height":2048,"crop":false,"name":"2048x2048","id":"2048x2048"}
INFO {"width":300,"height":300,"crop":true,"name":"sportspress-crop-medium","id":"sportspress-crop-medium"}
INFO {"width":300,"height":300,"crop":false,"name":"sportspress-fit-medium","id":"sportspress-fit-medium"}
INFO {"width":128,"height":128,"crop":false,"name":"sportspress-fit-icon","id":"sportspress-fit-icon"}
INFO {"width":32,"height":32,"crop":false,"name":"sportspress-fit-mini","id":"sportspress-fit-mini"}

Local:

SUCCESS Temporary directory exists
SUCCESS Copy testfile to temporary directory
SUCCESS Testfile was successfully added to media-library. (ID:6947)
SUCCESS Cropping the file
SUCCESS Cropped image dimensions are correct.
SUCCESS Test-attachement successfull deleted (ID:6947)
SUCCESS Remove testfile from temporary directory
INFO Tests complete
INFO ----- System -----
INFO Crop-Thumbnails 1.9.7
INFO PHP 8.5.3
INFO PHP memory limit 256M
INFO Server nginx/1.26.1
INFO WP_Image_Editor_Imagick (choosed WordPress imageeditor class for jpg)
INFO ----- Active Plugins -----
INFO - advanced-custom-fields/acf.php
INFO - all-in-one-wp-migration/all-in-one-wp-migration.php
INFO - crop-thumbnails/crop-thumbnails.php
INFO - crowdsignal-forms/crowdsignal-forms.php
INFO - favicon-by-realfavicongenerator/favicon-by-realfavicongenerator.php
INFO - members/members.php
INFO - sportspress-for-soccer/sportspress-for-soccer.php
INFO - sportspress-pro/sportspress-pro.php
INFO ----- Image Sizes -----
INFO {"width":150,"height":150,"crop":true,"name":"thumbnail","id":"thumbnail"}
INFO {"width":512,"height":512,"crop":false,"name":"medium","id":"medium"}
INFO {"width":768,"height":0,"crop":false,"name":"medium_large","id":"medium_large"}
INFO {"width":768,"height":768,"crop":false,"name":"large","id":"large"}
INFO {"width":1536,"height":1536,"crop":false,"name":"1536x1536","id":"1536x1536"}
INFO {"width":2048,"height":2048,"crop":false,"name":"2048x2048","id":"2048x2048"}
INFO {"width":300,"height":300,"crop":true,"name":"sportspress-crop-medium","id":"sportspress-crop-medium"}
INFO {"width":300,"height":300,"crop":false,"name":"sportspress-fit-medium","id":"sportspress-fit-medium"}
INFO {"width":128,"height":128,"crop":false,"name":"sportspress-fit-icon","id":"sportspress-fit-icon"}
INFO {"width":32,"height":32,"crop":false,"name":"sportspress-fit-mini","id":"sportspress-fit-mini"}

Here’s the diff between environments:

Something else I should be looking at?

Thanks for your reply.

What do you mean by “why on earth should the image sizes be different directly after upload”?

I’ve deactivated LightSpeed Cache from Production for testing purposes (as seen in the log) and the issue still persists. The crop works fine for images with a width smaller than 1600 px but not for larger images. It looks like the selected crop area in the UI doesn’t get mapped correctly to the proper coordinates. I tried different browsers, same problem.

The internal WordPress crop functionality works as expected:

“the lightspeed server has not the same php-packages as your local server” – any specific packages I should be looking for?

No different sizes detected after upload. There is one difference though between all “gcd” fields. Local (left) is an integer, while prod (right) is a string. Not sure how relevant that might be? This doesn’t happen on other fields.

Grouping has no effect on the outcome.

I see this on both environments after uploading any image, regardless of size:

big_image_size_threshold: 2560

The 1600px value I mentioned is not an exact value, just a reference I found after some tests. Probably 1601px works fine as well, but with 1650px, for example, I started seeing an incorrect crop.