wierd 1.6.11 ... all images resized by HTML or CSS

[peter4661]

Our shop is on PS 1.6.11 with default theme. Using GTMetrix, we find the all images are rescaled from BO settings;

example backoffice images setting for home default image ( 250 x 250) is rescaled by HTML of CSS to 193x193. This rescale action is executed on all images ( including theme configurator and home slider images ).

 

Has anyone the magic tip to solve this issue?

 

Thx Peter

 

 

our url: www.derks-wielersport.nl

[tuk66]

Your theme is responsive. I've seen only 250x250px images on your site for the width larger than 1200px. Smaller ones in several closer widths (not all).

[PascalVG]

Indeed, depending on the amount of items on a row (1, 2,3,4), which depend on the browser width, the images sometimes get rescaled a little, to fit in the boxes.

 

Is it somewhere a problem that they get rescaled?

 

pascal

[peter4661]

do not understand why images get rescaled in default theme, using Preshop default (recommended) image dimensions, shown on normal pc....

 

The following images are resized in HTML or CSS. Serving scaled images could save 619.1KiB (42% reduction).

• https://www.derks-wielersport.nl/modules/homeslider/images/63cf276d243b913802589bd8be75c0bacfd32f29_eva-2015.png is resized in HTML or CSS from 778x446 to 627x359. Serving a scaled image could save 237.1KiB (36% reduction).
• https://www.derks-wielersport.nl/modules/homeslider/images/e1828e5de4f8be24dece582a167206fa820dba30_bril-slider-home.png is resized in HTML or CSS from 778x445 to 627x359. Serving a scaled image could save 156.6KiB (35% reduction).
• https://www.derks-wielersport.nl/modules/homeslider/images/22b675508dcc8382d5fde285d722c191c54b9cf0_van%20de%20poel%20wk%202015.jpeg is resized in HTML or CSS from 989x555 to 627x352. Serving a scaled image could save 54.0KiB (59% reduction).
• https://www.derks-wielersport.nl/modules/themeconfigurator/img/c281dafb13fb5b818bd25a0ddaa8079b6a71de49_winkel-overzicht-777x142.jpg is resized in HTML or CSS from 777x142 to 462x84. Serving a scaled image could save 31.6KiB (64% reduction).
• https://www.derks-wielersport.nl/modules/themeconfigurator/img/77eb26219af1cf50a5a25583d5a45149a4ec7f84_voorjaar-vooruitzicht.jpg is resized in HTML or CSS from 383x267 to 226x157. Serving a scaled image could save 25.5KiB (65% reduction).
• https://www.derks-wielersport.nl/modules/themeconfigurator/img/83596f76c15ecc1342e985f16501509d9c422b60_winter-mtbtocht.jpg is resized in HTML or CSS from 383x267 to 226x157. Serving a scaled image could save 24.6KiB (65% reduction).
• https://www.derks-wielersport.nl/modules/themeconfigurator/img/63a6cc0e8c9bc82051a947a440d94bd216a777b0_gunn-rita-merida-2.jpeg is resized in HTML or CSS from 383x267 to 226x157. Serving a scaled image could save 17.6KiB (65% reduction).
• https://www.derks-wielersport.nl/modules/themeconfigurator/img/fc83d2a737d59ca7428e2cb935a31e1afda49bf7_helmhoek-383x142.jpg is resized in HTML or CSS from 383x142 to 226x84. Serving a scaled image could save 16.3KiB (65% reduction).
• https://www.derks-wielersport.nl/modules/themeconfigurator/img/3b2630b62d2fce11e98c16188a67318c6e7d673e_xxxfotor3.jpg is resized in HTML or CSS from 381x219 to 305x175. Serving a scaled image could save 13.4KiB (37% reduction).
• https://www.derks-wielersport.nl/13760-home_default/shimano-winter-actie-xc30-mtb-schoen-met-pedaal-en-classic-overschoen.jpg is resized in HTML or CSS from 250x250 to 132x132. Serving a scaled image could save 12.1KiB (72% reduction).
• https://www.derks-wielersport.nl/modules/themeconfigurator/img/b1c85c552cfcccc6d6d5bc2fda794f8af9869f4e_aktie-08022015.jpg is resized in HTML or CSS from 381x219 to 305x175. Serving a scaled image could save 9.4KiB (37% reduction).
• https://www.derks-wielersport.nl/12486-home_default/bianchi-jab-273-mountainbike-3x10-2015.jpg is resized in HTML or CSS from 250x250 to 132x132. Serving a scaled image could save 8.7KiB (72% reduction).
• https://www.derks-wielersport.nl/12018-home_default/shimano-mtb-pedalen-trail-spd-pd-m9020-xtr.jpg is resized in HTML or CSS from 250x250 to 132x132. Serving a scaled image could save 6.6KiB (72% reduction).
• https://www.derks-wielersport.nl/14155-home_default/shimano-actie-s3000x-overschoen-handschoenen.jpg is resized in HTML or CSS from 250x250 to 132x132. Serving a scaled image could save 5.5KiB (72% reduction).

[PascalVG]

Hi Peter, can you give the link of the original shop page that is being analysed here?

 

Edit: See already that it's your front page... let me have another look at it..

Edited February 8, 2015 by PascalVG (see edit history)

[PascalVG]

OK, there are some images mentioned that are used in modules (themeconfigurator and homeslider) who don't re-scale their pictures to 'default' sizes of Prestashop, as their size is different from the standard ones used (slider is wide, but not too high, theme configurator has different sizes, some like slider) It may work to resize these pictures ourself to the mentioned sizes.

 

The other ones are indeed default values, but apparently the analysis software uses a default browser size where it looks at the page. Say 1024 or so. The image mentioned here are a little smaller than normal, as they want to use 4 products on a single line with this width. If you resize to a smaller size, you see that the product line only has 3 or even 2 products only, where the real size mentioned in the analysis is indeed used. So because of the responsiveness of the theme, sometimes pictures need to be resized to fit to that browser width, and won't be resized on other browser widths. Therefore they use the largest size and resize smaller when needed.

 

Hope this helps,

pascal.