TRICK - Crop images inside preserve ratio (no white spaces arround image)

[antuan]

Hello and sorry form my english.

Searching a metod for clean the white spaces for the images i probe this and run ok.
In admin/functions.php change arround the line 197 change the simbol > for <.
The crop images dont show withe spaces (crop outside) and generate a proportional images fill all the type images (small, large, etc...) (crop inside)

I probe in V1.0.


Original:

if (intval(Configuration::get('PS_IMAGE_GENERATION_METHOD')) == 2 OR (intval(Configuration::get('PS_IMAGE_GENERATION_METHOD')) == 0 AND $widthDiff > $heightDiff))

Modified:

if (intval(Configuration::get('PS_IMAGE_GENERATION_METHOD')) == 2 OR (intval(Configuration::get('PS_IMAGE_GENERATION_METHOD')) == 0 AND $widthDiff < $heightDiff))

Sorry sorry for my english. (im spanish)

[coalesce]

Please note I found this code in the images.inc.php file. Thanks for the fix! I did a small test and it looks like it worked!

[coalesce]

Wanted to follow up. I'm using Prestashop 1.2.5.0, while the fix worked for the image resizing, when I went back and clicked on "catalog" in the admin area it failed to list products. This hack will break product management functionality in the backend this way... Will see if I can figure out a way around it as it was resizing images properly... Antuan any ideas?

[coalesce]

Very strange, changed:

    if (intval(Configuration::get('PS_IMAGE_GENERATION_METHOD')) == 2 OR (intval(Configuration::get('PS_IMAGE_GENERATION_METHOD')) == 0 AND $widthDiff > $heightDiff))

to:

       if (intval(Configuration::get('PS_IMAGE_GENERATION_METHOD')) == 2 OR (intval(Configuration::get('PS_IMAGE_GENERATION_METHOD')) == 0 AND $heightDiff > $widthDiff))

and it now seems to be working... Hope this helps anyone having similar issues

[eGzyl.pl]

i have V1.1 and dont have line 129 in admin/function.php

where i find it?

[RooTX]

The trick is working with 1.3 RC4 too.
As of 1.3, the line You are looking for is around 136 in /images.inc.php;

[Liberalis]

Hello, could anyone give me a hint on how exactly this works ?

I'm under v1.2.5 and changed the line in images.inc.php file.

When I regenerate the pictures, the white space is still there as if it had no impact.

Any help would be much appreciated.

I'm desperately trying to find a solution for the product image background to not have white stripes around the cropped image.

[sm3004]

Great trick for image cropping, no more whitespaces with Presta 1.3.1.1.

[airelibre]

Thanks, it works in Prestashop 1.3.2.3 too

[Roues]

Great, thanks!

[Edowardo]

Thank you, Its work.

And for the resizing of image as is what we want, you can combine or trying switch the ">" into "<"

because, i'll try the first option, but the image not cropping following the image frame, and then i try to switch the mark above vise verse and success the image fit on the frame and the background not white.

[shugun]

its cool, thank you

[Prestapro.ru]

Hello.

I'm from Russia sorry for my bad English. The method works for prestashop version 1.4.6.2. Only have to change another Fail - images.inc.php

 

Change the sign of

 

if (Configuration:: get ('PS_IMAGE_GENERATION_METHOD') == 2 OR (! Configuration:: get ('PS_IMAGE_GENERATION_METHOD') AND $ widthDiff <$ heightDiff))

 

on

 

if (Configuration:: get ('PS_IMAGE_GENERATION_METHOD') == 2 OR (! Configuration:: get ('PS_IMAGE_GENERATION_METHOD') AND $ widthDiff > $ heightDiff))

 

If there are programmers or administrators interested I would like to add the ability to select a panel or module.

 

On

 

 

if (Configuration::get('PS_IMAGE_GENERATION_METHOD') == 2 OR (!Configuration::get('PS_IMAGE_GENERATION_METHOD') AND $widthDiff < $heightDiff))

 

If there are programmers or administrators interested I would like to add the ability to select a panel or module.

 

Sincerely Demos

[cankart]

Hi Demos, can you show me one example please ?

 

Thanks

[Amazzing]

Thank you for sharing!

 

Simply changing ">" to "<" in "images.inc.php" worked for me.

[KambinatoR]

Also worked on 1.4.5.1

 

PS: the file images.inc.php is in the root folder

[TiagoVieira]

worked in 1.4.7.3

 

after changing ">" to "<" just have to regenerate all thumbnails amd reload the protuct page.

 

thank you a lot

[pow]

Can't prestashop provide some features like:

 

Background-Color: #xxxx

Rectangle-crop: yes/no

crop-position: top/left/...

 

This is all hardcoded :-(

 

This is a feature-wish, don't know where to post elsewhere

[steve_c]

Hi just coming back to this thread.

 

I have tried the above but it simply crops out the left and right sections of my landscape images so that they are square. I simply want landscape images with *no* white border at the top and the bottom. Surely this is possible somehow?

[mactsolutions]

is there a way to just crop the thumbnails or a specific image size and not the large photos?

[Publisher]

Very strange, changed:

 if (intval(Configuration::get('PS_IMAGE_GENERATION_METHOD')) == 2 OR (intval(Configuration::get('PS_IMAGE_GENERATION_METHOD')) == 0 AND $widthDiff > $heightDiff))

 

to:

if (intval(Configuration::get('PS_IMAGE_GENERATION_METHOD')) == 2 OR (intval(Configuration::get('PS_IMAGE_GENERATION_METHOD')) == 0 AND $heightDiff > $widthDiff))

 

and it now seems to be working... Hope this helps anyone having similar issues

 

Thanks a lot, works fine with PS 1.4.2.5

[boogs]

Hi there,

 

Does anybody get the trick for PS 1.5.6 cause there isn't any such line in my images.inc.php file ?

 

Thanx

[sg1_anhell]

This works for Prestashop 1.6.0.9 BUT

 

only for new uploads, If then I regenerate images on back office doesn't work, back to fill with white...

 

In Prestashop 1.6 you will found the code lines in /classes/ImageManager.php

for me was the line 166

 

Only I changed

 

$width_diff > $height_diff

 

for

 

$width_diff < $height_diff

Edited November 25, 2014 by sg1_anhell (see edit history)

[mikajaxxxx]

There is anyway we have cropping for just specific image type?

for example i want just product images cropped not the manufacturers!

[moy2010]

I just found these PHP functions for auto-cropping images' background:

 

http://php.net/manual/en/function.imagecropauto.php

 

These could help us save some KB in total pageload size and improve our prestashop stores.

[m-v-d]

Since this topic pops up if you google on how to remove the white bars; I'd thought I'd write my solution for PrestaShop 1.7 here.
Works for both formats, so portrait and landscape.
 

Step 1:

Open the following file:

/classes/ImageManager.php

Go to the line

if ($fileType == 'png' && $type == IMAGETYPE_PNG) {

and remove the last bit, so that it looks like:

if ($fileType == 'png') {

 

Step 2:

In your Backoffice, go to

Design > Image Settings

and set Image Format to Use PNG for all images

[kamppa]

On 11/23/2021 at 6:06 PM, m-v-d said:

Since this topic pops up if you google on how to remove the white bars; I'd thought I'd write my solution for PrestaShop 1.7 here.
Works for both formats, so portrait and landscape.
 

Step 1:

Open the following file:

/classes/ImageManager.php

Go to the line

if ($fileType == 'png' && $type == IMAGETYPE_PNG) {

and remove the last bit, so that it looks like:

if ($fileType == 'png') {

 

Step 2:

In your Backoffice, go to

Design > Image Settings

and set Image Format to Use PNG for all images

Any other solution to keep using JPG? Using PNG for product images is a bad idea because of the large image size.

White borders in product pictures in mobile view are a bad idea.