Problem in Serve scaled images

[Shahraam]

Hi,

  In GTMetrix and Serve scaled images part I see low performance in my site since lots of images are re sized. A message like this:

 

image  resized in HTML or CSS from 250x250 to 193x193. Serving a scaled image could save 5.4KiB (41% reduction).

 

Do you have any clue how I could resolve this issue and avoid re sizing in HTML or CSS to improve site loading time?

[tuk66]

It is about your theme, and it can be right if your theme is responsive.

[vekia]

the problem you mentioned is related to images, for example images of homeslider

these images are resized by css styles, so this is why you see the message about serve scaled images

it is impossible to avoid such messages, because default theme uses bootstrap.

[Shahraam]

So in case I use different responsive theme the problem might be resolved? If so how I could know the them functions well before paying for that?

[PrestaHeroes USA]

not totally off topic but I wrote an adaptive image module for ps

 

http://adaptive.etiendas.co/

 

but it only works without friendly url's, even hired apache [spam-filter], it made him cry.....the tools/platforms in www are barbaric.

 

happy day, el

[mowax]

I found a guide to serving scaled images on a responsive website on the gtmetrix website: https://gtmetrix.com/blog/how-to-optimize-images-a-practical-guide/

It suggests finding out the maximum display size of the image, and then manually resizing the image file to these dimensions and re-uploading it. 

Will this method work on a prestashop website? 

Quote

On 5/2/2016 at 1:25 PM, vekia said:

the problem you mentioned is related to images, for example images of homeslider

these images are resized by css styles, so this is why you see the message about serve scaled images

it is impossible to avoid such messages, because default theme uses bootstrap.

 

 I am using the warehouse theme, I don't know if it uses bootstrap or not (actually I don't know what bootstrap means at all...)

Thanks for any thoughts!

[20bekhar]

On 5/5/2016 at 5:43 PM, El Patron said:

not totally off topic but I wrote an adaptive image module for ps

 

http://adaptive.etiendas.co/

 

but it only works without friendly url's, even hired apache [spam-filter], it made him cry.....the tools/platforms in www are barbaric.

 

happy day, el

Hi

It is one example:

https://20bekhar.com/3914-home_default/تلویزیون-ال-ای-دی-سامسونگ-40-اینچ-مدل-40m5860.jpg is resized in HTML or CSS from 280x320 to 86x98. Serving a scaled image could save 15.7KiB (90% reduction)

Note all my images are save web and optimize, they are 1024*1024 and I don have any problem in optimize image but what shoud I do for scale. Of course changing to 280*320 is impossible because the image will be really small.

please help me in one case and after that I try to solve other items.

 

[PrestaHeroes USA]

On 10/13/2019 at 2:27 AM, 20bekhar said:

Hi

It is one example:

https://20bekhar.com/3914-home_default/تلویزیون-ال-ای-دی-سامسونگ-40-اینچ-مدل-40m5860.jpg is resized in HTML or CSS from 280x320 to 86x98. Serving a scaled image could save 15.7KiB (90% reduction)

Note all my images are save web and optimize, they are 1024*1024 and I don have any problem in optimize image but what shoud I do for scale. Of course changing to 280*320 is impossible because the image will be really small.

please help me in one case and after that I try to solve other items.

 

that was 2016, check out webp there might not need to be a adaptive solution.  happy selling

[rupam krishna]

I think this article will help you to fix this issue. 

https://wpblogging.in/site-optimization/easy-guide-to-serve-scaled-images/

The guide above was written for WordPress site but will work for all kind of website as long as you have access to the hosting file manager.